icore-pass/src/views/appoint/components/saleContract/addSaleOrder.vue

<template>
  <!-- 添加销售订单 -->
  <div class="addSalePlan">
    <page-title>钢材订单新增</page-title>
    <!-- 订单基础信息 -->
    <el-form
      :inline="true"
      style="margin-top: 1rem;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)"
    >
      <el-form-item>
        <label class="el-form-item__label" style="width: auto;">发货单位</label>
        <el-autocomplete
          class="inline-input"
          v-model="shipperName"
          :fetch-suggestions="querySearchCarrier"
          placeholder="请输入发货单位名称"
          :trigger-on-focus="false"
          @select="handleSelectCarrier"
          style="width:245px"
          disabled
        >
          <template slot-scope="{ item }">
            <div class="name">{{ item.shipperName }}</div>
          </template>
        </el-autocomplete>
      </el-form-item>
      <el-form-item>
        <label class="el-form-item__label" style="width: auto;">下单客户</label>
        <el-autocomplete
          class="inline-input"
          v-model="consigneeName"
          :fetch-suggestions="querySearchConsignee"
          placeholder="请输入下单客户名称"
          :trigger-on-focus="false"
          @select="handleSelectConsignee"
          style="width:300px"
          :disabled="consigneeDisable"
        >
          <template slot-scope="{ item }">
            <div class="name">{{ item.consigneeCompanyName }}</div>
          </template>
        </el-autocomplete>
      </el-form-item>
      <el-form-item>
        <label class="el-form-item__label" style="width: auto;">是否自提</label>
        <el-select v-model="values" placeholder="请选择" style="width:60px">
          <el-option
            v-for="item in options"
            :key="item.values"
            :label="item.label"
            :value="item.values"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <label class="el-form-item__label" style="width: auto;">收款公司</label>
        <el-select v-model="values1" placeholder="请选择" style="width: 255px">
          <el-option
            v-for="item in receivingCompany"
            :key="item.values1"
            :label="item.label1"
            :value="item.values1"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <label class="el-form-item__label" style="width: auto;">业务员</label>
        <el-select v-model="saleMan" placeholder="请选择" style="width: 90px">
          <el-option
            v-for="item in saleMans"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <label
          class="el-form-item__label"
          style="width: auto;margin-top: 0.3rem;"
          >摘要</label
        >
      </el-form-item>
      <el-form-item>
        <el-input
          v-model="remarks"
          placeholder="(非必填)"
          style="width: 180px"
        ></el-input>
      </el-form-item>
    </el-form>

    <!-- 车序号基础信息 -->
    <el-form :inline="true" style="margin-top: 1rem;">
      <el-form-item>
        <label class="el-form-item__label" style="width: auto;">收货地址</label>
        <el-autocomplete
          style="width:400px"
          v-model="saleShipperAddressName"
          :fetch-suggestions="querySearchAddress"
          placeholder="请输入内容"
          @select="handleSelectAddress"
        >
          <template slot-scope="{ item }">
            <span class="addr">{{ item.addressPlace }}</span>
          </template>
        </el-autocomplete>
        <el-button type="primary" @click="ondrawerOut">选择</el-button>
      </el-form-item>
      <el-form-item>
        <label
          class="el-form-item__label"
          style="width: auto;margin-top: 0.4rem;"
          >收货客户电话</label
        >
      </el-form-item>
      <el-form-item>
        <el-input
          style="width: 150px"
          v-model="saleOrderConsigneeTel"
          placeholder="(非必填)"
        ></el-input>
      </el-form-item>
      <el-form-item>
        <label
          class="el-form-item__label"
          style="width: auto;margin-top: 0.4rem;"
          >备注</label
        >
      </el-form-item>
      <el-form-item>
        <el-input
          style="width: 180px"
          v-model="truckRemark"
          placeholder="(非必填)"
        ></el-input>
      </el-form-item>
      <el-form-item>
        <label class="el-form-item__label" style="width: auto;"
          >可装货时间</label
        >
        <el-date-picker
          class="textinput3"
          v-model.number="saleDateOfReceipt"
          type="datetime"
          placeholder="选择日期时间"
          disabled
        >
        </el-date-picker>
      </el-form-item>
    </el-form>

    <div class="button-box">
      <el-button type="primary" class="btn" @click="addMaterial"
        ><i class="el-icon-circle-plus-outline"></i>新增物资</el-button
      >
    </div>

    <!-- 车辆拼装物资信息table1 -->
    <div class="selectionTable from">
      <el-table
        :data="materialList"
        border
        style="width: 100%"
        highlight-current-row
        ref="materialTableTop"
        id="table"
      >
        <el-table-column
          v-for="(item, i) in materialTableTop"
          :key="i"
          :prop="item.prop"
          :label="item.label"
          :width="item.width"
          align="center"
          show-overflow-tooltip
        >
          <!-- 插入输入框 -->
          <template slot-scope="scope">
            <template v-if="item.slot">
              <!-- 物资件数 -->
              <template v-if="item.prop == 'orderPlanWeight'">
                <el-input
                  class="textinput111"
                  v-model.number="scope.row.orderPlanWeight"
                  placeholder="(必填)"
                  :id="'input' + scope.$index"
                  @keyup.up.native="clicks(scope.$index)"
                  @keyup.down.native="clickx(scope.$index)"
                  @keyup.enter.native="singleDistribute"
                ></el-input>
              </template>
              <!-- 米数 -->
              <template v-if="item.prop == 'meterNumber'">
                <el-input
                  v-if="scope.row.haveMeter == 1"
                  class="textinput111"
                  v-model="scope.row.meterNumber"
                  placeholder="(必填)"
                  :disabled="scope.row.isDisable == 1"
                ></el-input>
              </template>
              <!-- 分装车数 -->
              <template v-if="item.prop == 'carNumber'">
                <el-input
                  v-if="materialList.length == 1"
                  class="textinput111"
                  v-model.number="scope.row.carNumber"
                  placeholder="(非必填)"
                ></el-input>
              </template>
              <!-- 是否磅重销售 -->
              <template v-if="item.prop == 'isPound'">
                <el-select
                  v-model="scope.row.isPound"
                  placeholder="请选择"
                  style="width:65px"
                >
                  <el-option
                    v-for="item in options2"
                    :key="item.values2"
                    :label="item.label2"
                    :value="item.values2"
                  >
                  </el-option>
                </el-select>
              </template>
            </template>
            <template v-else>
              <span>{{ scope.row[item.prop] }}</span>
            </template>
          </template>
        </el-table-column>
        <!-- 操作列 -->
        <el-table-column fixed="right" label="操作" width="100">
          <template slot-scope="scope">
            <el-button
              @click.native.prevent="
                deleteMaterialRow(scope.$index, materialList)
              "
              type="text"
              icon="el-icon-close"
              size="big"
            ></el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>

    <!-- 新增物资和生成一车 -->
    <div class="button-box">
      <el-button type="primary" class="btn" @click="singleDistribute"
        >单拼分配到每车</el-button
      >
      <el-button
        type="primary"
        class="btn"
        @click="createACar"
        style="margin-left:20px"
        >添加到订单</el-button
      >
    </div>

    <div style="margin-left: 0.3rem;color:red">(注:一个车序号代表一辆车)</div>
    <!-- 销售订单信息table2 -->
    <div class="selectionTable from">
      <el-table
        :data="selectionList"
        border
        style="width: 100%"
        :span-method="cellMerge"
        highlight-current-row
        @cell-click="goclick"
      >
        <el-table-column
          v-for="(item, i) in tableTop"
          :key="i"
          :prop="item.prop"
          :label="item.label"
          :width="item.width"
          align="center"
          show-overflow-tooltip
          @blur="onblur"
        >
          <template slot="scope" v-if="item.label !== '物资名称'">
            <span>{{ item.label }}</span>
          </template>
          <template slot="scope" v-if="item.label !== '件数'">
            <span>{{ item.label }}</span>
          </template>
          <template slot="scope" v-if="item.label !== '收货地址'">
            <span>{{ item.label }}</span>
          </template>
          <!-- <template slot="scope" v-if="item.label !== '收货日期'">
            <span>{{ item.label }}</span>
          </template> -->
          <template slot="scope" v-if="item.label !== '收货姓名'">
            <span>{{ item.label }}</span>
          </template>
          <template slot="scope" v-if="item.label !== '收货方电话'">
            <span>{{ item.label }}</span>
          </template>
          <!-- 插入输入框 -->
          <template slot-scope="scope">
            <template v-if="item.slot">
              <!-- 物资名称 -->
              <template v-if="item.prop == 'materialName'">
                <el-input
                  style="width: 200px"
                  v-model="scope.row.materialName"
                  disabled
                >
                </el-input>
                <!--更改-->
                <i
                  class="el-icon-edit"
                  @click="changeMaterial(scope.$index)"
                  style="font-size: 20px"
                  v-if="isCellClick == 1"
                ></i>
              </template>
              <!--规格型号-->
              <template v-if="item.prop == 'Specification'">
                <el-input
                  style="width: 120px"
                  class="textinput"
                  v-model.number="scope.row.Specification"
                ></el-input>
              </template>
              <!-- 物资件数 -->
              <template v-if="item.prop == 'orderPlanWeight'">
                <el-input
                  class="textinput"
                  v-model.number="scope.row.orderPlanWeight"
                ></el-input>
              </template>
              <!-- 米数 -->
              <template v-if="item.prop == 'meterNumber'">
                <el-input
                  v-if="scope.row.haveMeter == 1"
                  class="textinput"
                  v-model="scope.row.meterNumber"
                  :disabled="scope.row.isDisable == 1"
                ></el-input>
              </template>
              <!-- 是否磅重销售 -->
              <template v-if="item.prop == 'isPound'">
                <el-select
                  v-model="scope.row.isPound"
                  placeholder="请选择"
                  style="width:65px"
                >
                  <el-option
                    v-for="item in options2"
                    :key="item.values2"
                    :label="item.label2"
                    :value="item.values2"
                  >
                  </el-option>
                </el-select>
              </template>
              <!-- 收货地址id -->
              <template
                style="width: 300px"
                v-if="item.prop == 'saleShipperAddressName'"
              >
                <el-input
                  style="width: 250px"
                  v-model="scope.row.saleShipperAddressName"
                  disabled
                >
                </el-input>
                <!--增加-->
                <i
                  class="el-icon-folder-add"
                  @click="ondrawer(scope.row, scope.$index)"
                  v-if="isCellClick == 1"
                  style="font-size: 20px"
                ></i>
              </template>
              <!-- 收货日期 -->
              <!-- <template v-if="item.prop == 'saleDateOfReceipt'">
                <el-date-picker
                  class="textinput3"
                  type="date"
                  v-model.number="scope.row.saleDateOfReceipt"
                  @change="batchUpdateValue(scope.row,scope.$index)"
                  style="width:135px"
                ></el-date-picker>
              </template> -->
              <!-- 收货客户电话号码 -->
              <template v-if="item.prop == 'saleOrderConsigneeTel'">
                <el-input
                  class="textinput5"
                  placeholder="(必填)"
                  v-model.number="scope.row.saleOrderConsigneeTel"
                  @change="batchUpdateValue(scope.row, scope.$index)"
                ></el-input>
              </template>
              <template v-if="item.prop == 'truckRemark'">
                <el-input
                  class="textinput5"
                  placeholder="(非必填)"
                  v-model.number="scope.row.truckRemark"
                  @change="batchUpdateValue(scope.row, scope.$index)"
                ></el-input>
              </template>
            </template>
            <template v-else>
              <span>{{ scope.row[item.prop] }}</span>
            </template>
          </template>
        </el-table-column>
        <!-- 操作列 -->
        <el-table-column
          fixed="right"
          label="操作"
          width="200"
          v-if="isCellClick == 1"
        >
          <template slot-scope="scope">
            <el-button
              @click.native.prevent="deleteRow(scope.$index, selectionList)"
              type="text"
              icon="el-icon-close"
              size="big"
            ></el-button>
            <el-button
              @click.native.prevent="copyRow(scope.$index, scope.row)"
              type="text"
              size="big"
              >复制为一车</el-button
            >
            <el-button
              @click.native.prevent="copyRowflu(scope.$index, scope.row)"
              type="text"
              size="big"
              >复制为分录</el-button
            >
          </template>
        </el-table-column>
        <el-table-column fixed="right" width="80" v-if="isCellClick == 1">
          <template slot-scope="scope">
            <el-button
              @click.native.prevent="copyRowfluAll(scope.$index, scope.row)"
              type="text"
              size="big"
              >复制整车</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <!-- 收货地址弹出框 -->
    <el-dialog title="收货地址" :visible.sync="drawer1" 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="drawer1 = false">取 消</el-button>
        <el-button type="primary" @click="addAddressClick">确定</el-button>
      </div>
    </el-dialog>

    <!-- 物资选择模态框 -->
    <el-drawer
      title="选择物资信息"
      :visible.sync="table1"
      direction="rtl"
      size="90%"
      :show-close="true"
    >
      <el-form :inline="true" style="margin-top: 0.5rem;">
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;"
            >物资名称/型号</label
          >
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="请输入物资名称或型号"
            v-model="materialNameText"
            clearable
          ></el-input>
        </el-form-item>
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;">规格</label>
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="请输入内容"
            v-model="materialSpecificationText"
            clearable
            ><template slot="prepend">Φ</template></el-input
          >
        </el-form-item>
        <el-button
          type="primary"
          class="btn"
          @click="onclick"
          style="margin-left: 4px;"
          ><i class="el-icon-search"></i>查询</el-button
        >
        <el-button type="primary" @click="makeSureMaterial"
          ><i class="el-icon-check"></i>确定</el-button
        >
      </el-form>
      <div class="tablecls">
        <!-- 查询所有的物资 -->
        <dilTable
          v-bind.sync="option"
          @selection-change="selectionChange"
          @rowDbClick="rowDbClick"
        >
        </dilTable>
      </div>
    </el-drawer>

    <!-- 更改行物资 -->
    <el-dialog title="更改物资" :visible.sync="drawer" width="80%">
      <el-form :inline="true" style="margin-top: 0.5rem;">
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;"
            >物资名称/型号</label
          >
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="请输入物资名称或型号"
            v-model="materialNameText"
            clearable
          ></el-input>
        </el-form-item>
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;">规格</label>
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="请输入内容"
            v-model="materialSpecificationText"
            clearable
            ><template slot="prepend">Φ</template></el-input
          >
        </el-form-item>
        <el-button
          type="primary"
          class="btn"
          @click="onclick"
          style="margin-left: 4px;"
          ><i class="el-icon-search"></i>查询</el-button
        >
      </el-form>

      <div class="tablecls">
        <!-- 查询所有的物资 -->
        <dilTable
          @rowDbClick="rowDbClick1"
          v-bind.sync="option1"
          @radio-change="currentRadioChange"
          :drawer="drawer"
        >
        </dilTable>
      </div>

      <div class="button-box">
        <el-button @click="closeChangeMaterial">取消更改</el-button>
        <el-button type="primary" @click="makeSureChange">确认更改</el-button>
      </div>
    </el-dialog>

    <!-- 订单确认 -->
    <el-dialog
      title="订单明细 (注*: 请仔细确认订单物资和件数后再提交)"
      :visible.sync="orderMakeSure"
      width="94%"
    >
      <el-form :inline="true" style="margin-top: 0.5rem;">
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;"
            >发货单位:</label
          >
          <el-tag size="big">{{ shipperName }}</el-tag>
        </el-form-item>
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;"
            >下单客户:</label
          >
          <el-tag size="big">{{ consigneeName }}</el-tag>
        </el-form-item>
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;"
            >是否自提:</label
          >
          <el-tag size="big">{{ saleOrderIsselfMention }}</el-tag>
        </el-form-item>
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;"
            >收款公司:</label
          >
          <el-tag size="big">{{ saleOrderReceiveCustomer }}</el-tag>
        </el-form-item>
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;"
            >业务员:</label
          >
          <el-tag size="big">{{ saleManText }}</el-tag>
        </el-form-item>
        <el-form-item>
          <label class="el-form-item__label" style="width: auto;">摘要:</label>
          <el-tag size="big" v-if="remarks != null">{{ remarks }}</el-tag>
        </el-form-item>
      </el-form>
      <!-- 物资明细信息 -->
      <el-table
        :data="selectionList"
        border
        style="width: 100%;margin-top: 0.5rem;"
        :span-method="cellMerge"
        highlight-current-row
      >
        <el-table-column
          v-for="(item, i) in tableTop"
          :key="i"
          :prop="item.prop"
          :label="item.label"
          :width="item.width"
          align="center"
          show-overflow-tooltip
        >
        </el-table-column>
      </el-table>
      <div class="button-box">
        <el-button @click="orderMakeSure = false">返回编辑</el-button>
        <el-button type="primary" @click="sendRequest">提交订单</el-button>
      </div>
    </el-dialog>
    <el-dialog
      title="绑定销售片区(将该单位绑定片区才可以上传金蝶)"
      :visible.sync="isHaveArea"
      width="94%"
    >
      <div class="isHaveArea">
        <el-form>
          <el-form-item>
            <el-label>
              请选择销售片区
            </el-label>
            <el-autocomplete
              class="inline-input"
              v-model="saleArea"
              :fetch-suggestions="querySearchSaleArea"
              placeholder="请选择销售片区"
              :trigger-on-focus="false"
              @select="handleSelectSaleArea"
            >
            </el-autocomplete>
          </el-form-item>
        </el-form>
      </div>
      <div class="button-box">
        <el-button type="primary" @click="onclikSaleArea">确定</el-button>
      </div>
    </el-dialog>
    <div class="button-box">
      <el-button @click="cancel">取消</el-button>
      <el-button type="primary" @click="makeSure">确定</el-button>
    </div>
  </div>
</template>
<script>
import PageTitle from '@/components/Page/Title'
import { getCookie } from '@/utils/util.js'
import { sjTime, isIntegerNumber } from '@/utils/sharedJsFile'
export default {
  components: { PageTitle },
  data() {
    return {
      saleArea: '',
      isHaveArea: false,
      consigneeDisable: false,
      isCellClick: 0,
      truckRemark: '',
      shipperName: '四川省达州钢铁集团有限责任公司',
      shipperId: 1,
      consigneeName: null,
      consigneeId: null,
      remarks: null,
      saleShipperAddressName: null,
      saleShipperAddressId: null,
      saleDateOfReceipt: null,
      saleOrderConsigneeTel: null,
      //加载
      selectLineLoading: false,
      //物资选中暂存
      materialList1: [],
      //物资信息查询内容
      materialNameText: null,
      materialSpecificationText: null,
      materialModelText: null,
      //物资选中表格
      materialList: [],
      materialTableTop: [
        {
          prop: 'materialName',
          label: '物资名称'
        },
        {
          prop: 'meterNumber',
          label: '米数',
          slot: true
        },
        {
          prop: 'Specification',
          label: '规格型号'
        },
        {
          prop: 'orderPlanWeight',
          label: '件数',
          slot: true
        },
        {
          prop: 'carNumber',
          label: '分装车数',
          slot: true
        },
        {
          prop: 'isPound',
          label: '是否磅重销售',
          slot: true
        }
      ],
      table1: false,
      //最大车序号数
      maxCxh: 1,
      //存放每一行记录的合并数
      spanArr: [],
      //pos是spanArr的索引
      pos: 0,
      //判断是内层还是外层点击的收货地址浏览
      inOrOut: 0,
      //地址输入框的值
      addresText: '',
      //已选中省市县
      address: null,
      //具体地址
      place: null,
      //暂存具体地址
      place1: null,
      //省市县Id
      addressId: null,
      // input: "",
      //物资表格多选
      option: {
        // 表格请求数据的地址
        requestUrl: '/api/v1/uc/getSteelMaterial?apiId=244',
        // 控制显示多选列
        selectionType: 'select'
      },
      //物资表格单选
      option1: {
        // 表格请求数据的地址
        requestUrl: '/api/v1/uc/getSteelMaterial?apiId=244',
        // 控制显示单选列
        selectionType: 'radio'
      },
      selectionList: [],
      selectionList1: [],
      drawer1: false,
      direction: 'rtl',
      form1: {},
      value: undefined,
      frist: {
        requestUrl: '/api/v1/ams/getAddressDeliveryAddress?apiId=255',
        selectionType: 'radio',
        mapList: []
      },
      //所有省
      provinceList: [],
      //选中的省
      province: '',
      //所有市
      cityList: [],
      //选中的市
      city: '',
      //所有的县(区)
      countyList: [],
      //选中的县
      county: '',
      options: [
        {
          values: 'yes',
          label: '是'
        },
        {
          values: 'no',
          label: '否'
        }
      ],
      values: 'no',
      //是否磅重销售
      options2: [
        {
          values2: 0,
          label2: '是'
        },
        {
          values2: 1,
          label2: '否'
        }
      ],
      values2: 1,
      receivingCompany: [
        {
          values1: 'dzgt',
          label1: '四川省达州钢铁集团有限责任公司'
        },
        {
          values1: 'dgsm',
          label1: '四川达钢商贸有限公司'
        },
        {
          values1: 'jxjl',
          label1: '江西久隆贸易有限公司'
        },
        {
          values1: 'hnht',
          label1: '海南瀚途贸易有限公司'
        },
        {
          values1: 'cdxc',
          label1: '成都兴城道成物流有限公司'
        }
      ],
      values1: 'dzgt',
      saleMan: null,
      saleManText: null,
      saleMans: [],
      tableTop: [
        {
          prop: 'cxh',
          label: '车序号',
          width: '50px'
        },
        {
          prop: 'materialName',
          label: '物资名称',
          width: '300px',
          slot: true
        },
        {
          prop: 'meterNumber',
          label: '米数',
          width: '60px',
          slot: true
        },
        {
          prop: 'Specification',
          label: '规格型号',
          width: '140px',
          slot: true
        },
        {
          prop: 'orderPlanWeight',
          label: '件数',
          width: '60px',
          slot: true
        },
        {
          prop: 'isPound',
          label: '是否磅重销售',
          width: '80px',
          slot: true
        },
        {
          prop: 'saleShipperAddressName',
          label: '收货地址',
          width: '400px',
          slot: true
        },
        {
          prop: 'saleOrderConsigneeTel',
          label: '收货客户电话',
          width: '120px',
          slot: true
        },
        {
          prop: 'truckRemark',
          label: '备注',
          slot: true
        }
      ],
      row: {},
      //打开更改改物资弹出框
      drawer: false,
      //记录为内层打开
      isOpenDrawer: 0,
      //记录修改物资单选行的位置
      indexChangeMaterial: null,
      //记录单选物资Id
      selectedMaterialId: null,
      //记录单选物资名称
      selectedMaterialName: null,
      //记录单选物资规格
      selectedMaterialSpecification: null,
      //记录单选物资型号
      selectedMaterialModel: null,
      //记录单选物资编码
      selectedMaterialCode: null,
      //订单确认
      orderMakeSure: false,
      //是否自提记录字段
      saleOrderIsselfMention: null,
      //收款公司
      saleOrderReceiveCustomer: null,
      //是否忽视收货客户电话字段
      ignoreSaleOrderConsigneeTel: 0,
      restaurants: [],
      saleAreaId: null,
      isNiTui: 0,
      datalistindex: 0,
      temporarylist: [],
      //原始摘要值
      remarksPro: null
    }
  },
  created() {
    let loadTime1 = new Date(
      new Date(new Date().toLocaleDateString()).getTime() +
        (3600 * 1000 * 8 - 1)
    ) // 当天8点前
    let loadTime2 = new Date(
      new Date(new Date().toLocaleDateString()).getTime() +
        (3600 * 1000 * 32 - 1)
    ) // 次天8点前
    if (new Date().getTime() - loadTime1 > 0) {
      this.saleDateOfReceipt = loadTime2
    } else {
      this.saleDateOfReceipt = loadTime1
    }
    //获取所有的省
    this.getAllProvince()
    //获取所有的业务员
    this.getAllsaleMan()
    this.getRemarkDate()
  },
  mounted() {
    if (getCookie('orgCode') == 'shouhuokehu') {
      this.consigneeDisable = true
      this.axios
        .get('/api/v1/uc/getConsigneeByuserid?userId=' + getCookie('userId'))
        .then(res => {
          console.log(res)
          if (res.status == 200) {
            console.log(res.data)
            this.consigneeName = res.data.consigneeCompanyName
            this.consigneeId = res.data.consigneeId
            //带出摘要
            this.axios
              .post('/api/v1/uc/getSaleArea?receiveId=' + this.consigneeId)
              .then(res => {
                if (res.data.data != null) {
                  this.remarks = `${this.getRemarkDate()}${res.data.data}`
                  this.remarksPro = `${this.getRemarkDate()}${res.data.data}`
                }
              })
            this.axios
              .post(
                '/api/v1/ams/matchingAddressRecently?receiveId=' +
                  this.consigneeId
              )
              .then(res => {
                this.restaurants = res.data.data
                const place = res.data.data
                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
                if (this.city) {
                  this.remarks = `${this.remarksPro},直发${this.city}`
                }
                this.county = place[0].addressTown
              })
          }
        })
    }
  },
  methods: {
    //获取当前日期
    getRemarkDate() {
      let day = new Date().getDate()
      let month = new Date().getMonth() + 1
      console.log(day)
      if (day < 10) {
        day = '0' + day
      }
      return `${month}.${day}`
    },
    handleSelectSaleArea(item) {
      this.saleAreaId = item.areaId
      this.remarks = this.getRemarkDate() + item.value
      this.remarksPro = this.getRemarkDate() + item.value
    },
    onclikSaleArea() {
      if (this.saleAreaId == null) {
        this.$message.warning('请先选择片区')
        return
      }
      this.axios
        .post('/api/v1/uc/bandSaleArea', {
          areaId: this.saleAreaId,
          receiveId: this.consigneeId
        })
        .then(res => {
          if (res.data.code == '200') {
            this.$message.success('绑定片区成功')
            this.isHaveArea = false
          } else {
            this.$message.error('绑定片区失败')
            this.isHaveArea = false
          }
        })
        .catch(() => {
          this.$message.error('绑定片区失败')
          this.isHaveArea = false
        })
    },
    isReceiveHaveArea(receiveId) {
      this.axios
        .post('/api/v1/uc/isReceiveHaveArea?receiveId=' + receiveId)
        .then(res => {
          if (res.data.code == '201') {
            this.isHaveArea = true
          }
        })
    },
    querySearchSaleArea(queryString, cb) {
      this.axios
        .post('/api/v1/uc/getSaleAreaByLike?index=' + queryString)
        .then(res => {
          var restaurants = res.data.data
          console.log(restaurants)
          var results = queryString
            ? restaurants.filter(this.createStateFilterSaleArea(queryString))
            : restaurants
          cb(results)
        })
    },
    createStateFilterSaleArea(queryString) {
      return restaurants => {
        return (
          restaurants.label.toLowerCase().indexOf(queryString.toLowerCase()) >
          -1
        )
      }
    },
    handleSelectAddress(item) {
      this.saleShipperAddressName = item.addressPlace
      this.province = item.addressProvince
      this.city = item.addressDistrict
      this.county = item.addressTown
      this.saleShipperAddressId = item.shipperAddressId
      this.addressId = item.shipperAddressId
      this.place1 = item.place
      this.saleOrderConsigneeTel = item.saleOrderConsigneeTel
    },
    querySearchAddress(queryString, cb) {
      if (this.consigneeId != null) {
        this.axios
          .post(
            '/api/v1/ams/matchingAddressRecently?receiveId=' + this.consigneeId
          )
          .then(res => {
            var restaurants = res.data.data
            console.log(restaurants)
            var results = queryString
              ? restaurants.filter(this.createStateFilter(queryString))
              : restaurants
            cb(results)
          })
      }
    },
    createStateFilter(queryString) {
      return restaurants => {
        return (
          restaurants.addressPlace
            .toLowerCase()
            .indexOf(queryString.toLowerCase()) > -1
        )
      }
    },
    onblur() {
      this.isCellClick = 0
    },
    goclick() {
      this.isCellClick = 1
    },
    rowDbClick1(row) {
      this.selectedMaterialId = row.materialId
      this.selectedMaterialName = row.materialName
      this.selectedMaterialSpecification = row.materialSpecification
      this.selectedMaterialModel = row.materialModel
      this.selectedMaterialCode = row.materialCode
      this.makeSureChange()
    },
    rowDbClick(row) {
      this.materialList1 = []
      this.materialList1.push(row)
      this.makeSureMaterial()
    },
    //获取所有的业务员数据
    getAllsaleMan() {
      this.axios.get('/api/v1/uc/getSalerList').then(res => {
        this.saleMans = res.data.data
      })
    },
    //获取所有省数据
    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
          this.remarks = this.remarksPro + `,直发${this.city}`
        })
    },
    //县(区)改变
    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
      })
    },
    //发货单位弹出层
    handleSelectCarrier(item) {
      this.shipperName = item.shipperName
      this.shipperId = item.shipperId
    },
    //以下是发货单位边输边查搜索
    querySearchCarrier(queryString, cb) {
      this.axios
        .post('/api/v1/uc/getRequireUnitName?index=' + queryString)
        .then(res => {
          if (res.data.code == '200') {
            var restaurantsCarrier = res.data.data
            var results = queryString
              ? restaurantsCarrier.filter(this.createFilterCarrier(queryString))
              : restaurantsCarrier
            // 调用 callback 返回建议列表的数据
            cb(results)
          }
        })
    },
    createFilterCarrier(queryString) {
      return restaurantsCarrier => {
        return (
          restaurantsCarrier.shipperName
            .toLowerCase()
            .indexOf(queryString.toLowerCase()) > -1
        )
      }
    },
    //以上是发货单位边输边查搜索
    //下单客户弹出层
    handleSelectConsignee(item) {
      this.saleShipperAddressName = null
      this.saleShipperAddressId = null
      this.addressId = null
      this.place1 = null
      this.saleMan = null
      this.saleOrderConsigneeTel = null
      this.province = null
      this.city = null
      this.county = null
      this.consigneeName = item.consigneeCompanyName
      this.consigneeId = item.consigneeId
      this.isReceiveHaveArea(this.consigneeId)
      //带出摘要
      this.axios
        .post('/api/v1/uc/getSaleArea?receiveId=' + this.consigneeId)
        .then(res => {
          if (res.data.data != null) {
            this.remarks = this.getRemarkDate() + res.data.data
            this.remarksPro = this.getRemarkDate() + 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
          if (this.city) {
            this.remarks = `${this.remarksPro},直发${this.city}`
          }
          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.createFilterConsignee(queryString)
                )
              : restaurantsConsignee
            // 调用 callback 返回建议列表的数据
            cb(results)
          }
        })
    },
    createFilterConsignee(queryString) {
      return restaurantsConsignee => {
        return (
          restaurantsConsignee.value
            .toLowerCase()
            .indexOf(queryString.toLowerCase()) > -1
        )
      }
    },
    //以上是下单客户边输边查搜索
    //新增物资
    addMaterial() {
      if (!this.shipperName) {
        this.$message.warning('发货单位未填写!')
      } else if (!this.consigneeName) {
        this.$message.warning('下单客户未填写!')
      } else if (!this.consigneeId) {
        this.$message.error('请选择一个下单客户下拉框中的选项!')
      } else if (!this.saleMan) {
        this.$message.warning('业务员未选择!')
      } else {
        this.option.requestUrl =
          '/api/v1/uc/getSteelMaterial?apiId=244&i=' + new Date()
        this.materialNameText = null
        this.materialSpecificationText = null
        this.table1 = true
      }
    },
    //返回选中的物资信息
    selectionChange(selection) {
      this.materialList1 = []
      this.materialList1 = selection
    },
    //确认新增物资
    makeSureMaterial() {
      //记录是理重还是磅重
      var getisPound = 1
      this.materialList1.forEach(e => {
        if (!e.materialSpecification) {
          e.materialSpecification = ''
        }
        if (!e.materialModel) {
          e.materialModel = ''
        }
        //判断物资是否为盘螺或非定尺
        if (
          e.materialName.includes('盘螺') ||
          e.materialName.includes('乱尺') ||
          e.materialName.includes('盘元') ||
          e.materialName.includes('盘圆')
        ) {
          getisPound = 0
        } else {
          getisPound = 1
        }
        //若物资为带有盘螺、盘圆、盘元，默认无米数
        if (
          e.materialName.includes('盘螺') ||
          e.materialName.includes('盘圆') ||
          e.materialName.includes('盘元')
        ) {
          var addmap = {
            materialName: e.materialName,
            Specification: e.materialSpecification + e.materialModel,
            materialCode: e.materialCode,
            orderPlanWeight: null,
            meterNumber: null,
            isPound: getisPound,
            //物资Id
            materialId: e.materialId,
            //无米数
            haveMeter: 0
          }
        } else {
          if (e.materialName.includes('米')) {
            var addmap = {
              materialName: e.materialName,
              Specification: e.materialSpecification + e.materialModel,
              materialCode: e.materialCode,
              orderPlanWeight: null,
              meterNumber: Number(e.materialName.replace(/[^0-9]/gi, '')),
              isPound: getisPound,
              //物资Id
              materialId: e.materialId,
              //有米数
              haveMeter: 1,
              isDisable: 1
            }
          } else {
            var addmap = {
              materialName: e.materialName,
              Specification: e.materialSpecification + e.materialModel,
              materialCode: e.materialCode,
              orderPlanWeight: null,
              meterNumber: null,
              isPound: getisPound,
              //物资Id
              materialId: e.materialId,
              //有米数
              haveMeter: 1
            }
          }
        }
        this.materialList.push(addmap)
      })
      this.materialList1 = []
      this.table1 = false
      //初始化查询数据
      this.materialNameText = null
      this.materialSpecificationText = null
      this.materialModelText = null
      this.onblur()
    },
    //删除物资行数据
    deleteMaterialRow(index, rows) {
      rows.splice(index, 1)
      this.onblur()
    },
    //删除一车数据
    deleteRow(index, rows) {
      //删除车序号相同的行
      if (this.spanArr[index] == 1) {
        //动态调整车序号
        rows.forEach(e => {
          if (rows[index].cxh < e.cxh) {
            e.cxh -= 1
          }
        })
        //最大车序号减1
        this.maxCxh -= 1
      }
      rows.splice(index, 1)
      //调用记录每一行的合并数的方法
      this.getSpanArr(this.selectionList)
    },
    copyRow(index, row) {
      let copyRow = new Object()
      Object.keys(row).forEach(key => {
        copyRow[key] = row[key]
      })
      copyRow.cxh = this.maxCxh
      this.selectionList.push(copyRow)
      this.getSpanArr(this.selectionList)
      this.maxCxh++
    },
    copyRowflu(index, row) {
      console.log(index)
      let copyRowflu = new Object()
      Object.keys(row).forEach(key => {
        copyRowflu[key] = row[key]
      })
      this.selectionList.splice(index + 1, 0, copyRowflu)
      // this.selectionList.push(copyRowflu);
      this.getSpanArr(this.selectionList)
    },
    copyRowfluAll(index, row) {
      let arr = []
      //复制整车,根据车序号去寻找相同的列
      arr = this.selectionList.concat([]).filter((item, index) => {
        return item.cxh == row.cxh
      })
      arr.forEach(e => {
        let copyRow = new Object()
        Object.keys(e).forEach(key => {
          copyRow[key] = e[key]
        })
        copyRow.cxh = this.maxCxh
        this.selectionList.push(copyRow)
      })
      this.getSpanArr(this.selectionList)
      this.maxCxh++
    },
    singleDistribute() {
      let ml = this.materialList.length
      if (ml == 0) {
        this.$message.warning('请至少填入一车物资')
        return
      }
      let singleArr = this.materialList
      this.$confirm(
        `以上${ml}车物资将分配到不同的${ml}车,确定继续分配?`,
        '提醒',
        {
          cancelButtonText: '取消',
          confirmButtonText: '确定',
          center: true
        }
      ).then(() => {
        this.creatArtSingle(singleArr)
      })
      this.isNiTui = 0
    },
    async creatArtSingle(singleArr) {
      let i = 0
      singleArr.forEach(e => {
        if (!/(^[1-9]\d*$)/.test(e.orderPlanWeight)) {
          e.orderPlanWeight = null
          i++
        }
      })
      if (i != 0) {
        this.$message.error('件数必填且请输入正整数')
        return
      }
      singleArr.forEach(e => {
        if (e.materialName.includes('定尺')) {
          if (!e.meterNumber) {
            i++
          }
        }
      })
      if (i != 0) {
        this.$message.error('定尺必须填写米数')
        return
      }
      if (
        !this.saleOrderConsigneeTel &&
        this.ignoreSaleOrderConsigneeTel == 0
      ) {
        this.$confirm(
          '收货客户电话未填写会导致无法接收车辆发货短信, 是否继续?',
          '提示',
          {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }
        )
          .then(() => {
            this.ignoreSaleOrderConsigneeTel = 1
            this.addMaterialToSaleOrderSingle()
          })
          .catch(() => {
            this.$message.info('已取消！')
          })
      } else {
        this.addMaterialToSaleOrderSingle()
      }
    },
    addMaterialToSaleOrderSingle() {
      this.materialList.forEach(e => {
        var addmap = {
          cxh: this.maxCxh,
          materialName: e.materialName,
          Specification: e.Specification,
          materialCode: e.materialCode,
          orderPlanWeight: e.orderPlanWeight,
          meterNumber: e.meterNumber,
          isPound: e.isPound,
          saleShipperAddressId: this.saleShipperAddressId,
          place: this.place1,
          saleShipperAddressName: this.saleShipperAddressName,
          saleDateOfReceipt: this.saleDateOfReceipt,
          saleOrderConsigneeTel: this.saleOrderConsigneeTel,
          truckRemark: this.truckRemark,
          materialId: e.materialId,
          haveMeter: e.haveMeter,
          isDisable: e.isDisable
        }
        console.log(addmap)
        this.selectionList.push(addmap)
        //最大车序号加1
        this.maxCxh += 1
        this.onblur()
      })
      this.materialList = []
      this.getSpanArr(this.selectionList)
    },
    //准备生成部分订单
    createACar() {
      let i = 0
      this.materialList.forEach(e => {
        if (!/(^[1-9]\d*$)/.test(e.orderPlanWeight)) {
          e.orderPlanWeight = null
          i++
        }
      })
      if (i != 0) {
        this.$message.error('件数必填且请输入正整数')
        return
      }
      this.materialList.forEach(e => {
        if (e.materialName.includes('定尺')) {
          if (!e.meterNumber) {
            i++
          }
        }
      })
      if (i != 0) {
        this.$message.error('定尺必须填写米数')
        return
      }
      if (
        !this.saleOrderConsigneeTel &&
        this.ignoreSaleOrderConsigneeTel == 0
      ) {
        this.$confirm(
          '收货客户电话未填写会导致无法接收车辆发货短信, 是否继续?',
          '提示',
          {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }
        )
          .then(() => {
            this.ignoreSaleOrderConsigneeTel = 1
            this.addMaterialToSaleOrder()
          })
          .catch(() => {
            this.$message.info('已取消！')
          })
      } else {
        this.addMaterialToSaleOrder()
      }
      this.isNiTui = 0
    },
    //添加物资到订单
    addMaterialToSaleOrder() {
      console.log(this.materialList)
      if (this.materialList.length == 0) {
        this.$message.warning('请至少为这一车添加一个物资！')
      } else if (!this.saleShipperAddressName && this.values == 'no') {
        this.$message.warning('收货地址未填写！')
      } else if (
        this.materialList.length == 1 &&
        this.materialList[0].carNumber != null
      ) {
        var eachOrderPlanWeight =
          this.materialList[0].orderPlanWeight / this.materialList[0].carNumber
        if (isIntegerNumber(eachOrderPlanWeight)) {
          var e = this.materialList[0]
          for (var i = 0; i < this.materialList[0].carNumber; i++) {
            var addmap = {
              cxh: this.maxCxh,
              materialName: e.materialName,
              Specification: e.Specification,
              materialCode: e.materialCode,
              orderPlanWeight: eachOrderPlanWeight,
              meterNumber: e.meterNumber,
              isPound: e.isPound,
              saleShipperAddressId: this.saleShipperAddressId,
              place: this.place1,
              saleShipperAddressName: this.saleShipperAddressName,
              saleDateOfReceipt: this.saleDateOfReceipt,
              saleOrderConsigneeTel: this.saleOrderConsigneeTel,
              truckRemark: this.truckRemark,
              materialId: e.materialId,
              haveMeter: e.haveMeter,
              isDisable: e.isDisable
            }
            this.selectionList.push(addmap)
            //最大车序号加1
            this.maxCxh += 1
          }
          //清空materialList
          this.materialList = []
          //调用记录每一行的合并数的方法
          this.getSpanArr(this.selectionList)
        } else {
          this.$message.warning('分配件数不是整数！')
        }
      } else {
        this.materialList.forEach(e => {
          var addmap = {
            cxh: this.maxCxh,
            materialName: e.materialName,
            Specification: e.Specification,
            materialCode: e.materialCode,
            orderPlanWeight: e.orderPlanWeight,
            meterNumber: e.meterNumber,
            isPound: e.isPound,
            saleShipperAddressId: this.saleShipperAddressId,
            place: this.place1,
            saleShipperAddressName: this.saleShipperAddressName,
            saleDateOfReceipt: this.saleDateOfReceipt,
            saleOrderConsigneeTel: this.saleOrderConsigneeTel,
            truckRemark: this.truckRemark,
            materialId: e.materialId,
            haveMeter: e.haveMeter,
            isDisable: e.isDisable
          }
          console.log(addmap)
          this.selectionList.push(addmap)
        })
        //清空materialList
        this.materialList = []
        //最大车序号加1
        this.maxCxh += 1
        //调用记录每一行的合并数的方法
        this.getSpanArr(this.selectionList)
        this.onblur()
      }
    },
    //更改行物资
    changeMaterial(index) {
      this.option1.requestUrl =
        '/api/v1/uc/getSteelMaterial?apiId=244&i=' + new Date()
      this.drawer = true
      this.materialNameText = null
      this.materialSpecificationText = null
      this.isOpenDrawer = 1
      this.indexChangeMaterial = index
    },
    //关闭更改行物资
    closeChangeMaterial() {
      this.drawer = false
      this.isOpenDrawer = 0
      this.$message.info('取消更改！')
    },
    //单选一行物资
    currentRadioChange(row) {
      this.selectedMaterialId = row.materialId
      this.selectedMaterialName = row.materialName
      this.selectedMaterialSpecification = row.materialSpecification
      this.selectedMaterialModel = row.materialModel
      this.selectedMaterialCode = row.materialCode
    },
    //确认物资修改
    makeSureChange() {
      if (!this.selectedMaterialId) {
        this.$message.warning('请先选择一个物资！')
      } else {
        if (!this.selectedMaterialSpecification) {
          this.selectedMaterialSpecification = ''
        }
        if (!this.selectedMaterialModel) {
          this.selectedMaterialModel = ''
        }
        //记录是理重还是磅重
        var getisPound = 1
        //判断物资是否为盘螺或非定尺
        if (
          this.selectedMaterialName.includes('盘螺') ||
          this.selectedMaterialName.includes('乱尺') ||
          this.selectedMaterialName.includes('盘元') ||
          this.selectedMaterialName.includes('盘圆')
        ) {
          getisPound = 0
        } else {
          getisPound = 1
        }
        this.selectionList[
          this.indexChangeMaterial
        ].materialId = this.selectedMaterialId
        this.selectionList[
          this.indexChangeMaterial
        ].materialName = this.selectedMaterialName
        this.selectionList[this.indexChangeMaterial].Specification =
          this.selectedMaterialSpecification + this.selectedMaterialModel
        this.selectionList[
          this.indexChangeMaterial
        ].materialCode = this.selectedMaterialModel
        this.selectionList[this.indexChangeMaterial].isPound = getisPound
        //确定更改的物资有无米数
        if (
          this.selectedMaterialName.includes('盘螺') ||
          this.selectedMaterialName.includes('盘圆') ||
          this.selectedMaterialName.includes('盘元')
        ) {
          this.selectionList[this.indexChangeMaterial].haveMeter = 0
          this.selectionList[this.indexChangeMaterial].meterNumber = null
        } else {
          if (this.selectedMaterialName.includes('米')) {
            this.selectionList[this.indexChangeMaterial].haveMeter = 1
            this.selectionList[this.indexChangeMaterial].isDisable = 1
            this.selectionList[this.indexChangeMaterial].meterNumber = Number(
              this.selectedMaterialName.replace(/[^0-9]/gi, '')
            )
          } else {
            this.selectionList[this.indexChangeMaterial].haveMeter = 1
            this.selectionList[this.indexChangeMaterial].isDisable = 0
            this.selectionList[this.indexChangeMaterial].meterNumber = null
          }
        }
        //重新初始化
        this.indexChangeMaterial = null
        this.selectedMaterialId = null
        this.selectedMaterialName = null
        this.selectedMaterialSpecification = null
        this.selectedMaterialModel = null
        this.selectedMaterialCode = null
        //关闭弹出框
        this.drawer = false
        this.isOpenDrawer = 0
        //初始化查询数据
        ;(this.materialNameText = null),
          (this.materialSpecificationText = null),
          (this.materialModelText = null)
        this.$message.success('成功更改！')
        this.onblur()
      }
    },
    //记录每一行的合并数
    getSpanArr(data) {
      //每次调用方法初始化
      this.spanArr = []
      for (var i = 0; i < data.length; i++) {
        if (i === 0) {
          this.spanArr.push(1)
          this.pos = 0
        } else {
          // 判断当前元素与上一个元素是否相同
          if (data[i].cxh === data[i - 1].cxh) {
            this.spanArr[this.pos] += 1
            this.spanArr.push(0)
          } else {
            this.spanArr.push(1)
            this.pos = i
          }
        }
      }
    },
    //根据条件合并行
    cellMerge({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        const _row = this.spanArr[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      }
      if (columnIndex === 6) {
        const _row = this.spanArr[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      }
      if (columnIndex === 7) {
        const _row = this.spanArr[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      }
      if (columnIndex === 8) {
        const _row = this.spanArr[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      }
      if (columnIndex === 10) {
        const _row = this.spanArr[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      }
    },
    //点击外层收货地址浏览事件
    ondrawerOut() {
      if (this.inOrOut % 2 == 0) {
        this.inOrOut += 1
      }
      this.frist.requestUrl =
        '/api/v1/ams/getAddressDeliveryAddress?apiId=255&i=' + new Date()
      this.drawer1 = true
      this.onchangeProvince()
      this.onchangeCity()
    },
    //点击内层收货地址浏览事件
    ondrawer(row, index) {
      if (this.inOrOut % 2 == 1) {
        this.inOrOut += 1
      }
      this.row = row
      this.row.index = index
      this.frist.requestUrl =
        '/api/v1/ams/getAddressDeliveryAddress?apiId=255&i=' + new Date()
      this.drawer1 = true
      this.onchangeProvince()
      this.onchangeCity()
    },
    //查询全国省市县
    selectAddresClick() {
      if (this.addresText) {
        this.frist.requestUrl =
          '/api/v1/ams/getAddressDeliveryAddress?apiId=255&con=' +
          this.addresText
      } else {
        this.frist.requestUrl =
          '/api/v1/ams/getAddressDeliveryAddress?apiId=255&i=' + new Date()
      }
    },
    //收货地址弹出层
    handleSelect1(item) {
      console.log(item)
      if (this.isNiTui == 1) {
        this.province = item.province
        this.city = item.district
        this.county = item.town
        this.place1 = item.place
        this.addressId = item.shipperAddressId
        this.place = item.place
      }
    },
    //以下是收货地址边输边查搜索
    querySearch1(queryString, cb) {
      if (this.addressId != null) {
        this.axios
          .post(
            '/api/v1/ams/getRealAddressByLike?addressId=' +
              this.addressId +
              '&index=' +
              queryString
          )
          .then(res => {
            this.isNiTui = 0
            if (res.data.code == '200') {
              var restaurants = res.data.data
              var results = queryString
                ? restaurants.filter(this.createFilter1(queryString))
                : restaurants
              // 调用 callback 返回建议列表的数据
              cb(results)
            }
          })
      } else {
        this.axios
          .post('/api/v1/uc/getPlaceAndAddress?index=' + queryString)
          .then(res => {
            this.isNiTui = 1
            if (res.data.code == '200') {
              console.log(res.data.data)
              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
        )
      }
    },
    //以上是收货地址边输边查搜索
    //监听收货地址模态框点击事件
    currentRadioChange1(radioList) {
      this.addressId = radioList.addressId
      this.address = radioList.address
    },
    //确定收货地址事件
    addAddressClick() {
      //不管是外层还是内层都需要修改，如果存在都需要修改收货客户的电话
      //定义一个正则表达式判断是否有电话
      var est = /\d{11}/g
      var string2 = this.place.match(est)
      console.log(string2)
      if (string2 != null) {
        for (i = 0; i < string2.length; i++) {
          var reg = /^1[3456789]\d{9}$/
          if (reg.test(string2[i])) {
            this.saleOrderConsigneeTel = string2[i]
          }
        }
      }
      if (this.inOrOut % 2 == 0) {
        for (
          var i = this.row.index;
          i < this.spanArr[this.row.index] + this.row.index;
          i++
        ) {
          this.selectionList[i].saleShipperAddressId = this.addressId
          this.selectionList[i].place = this.place
          this.selectionList[i].saleShipperAddressName =
            this.province + this.city + this.county + this.place
        }
        this.drawer1 = false
      } else {
        this.saleShipperAddressId = this.addressId
        this.saleShipperAddressName =
          this.province + this.city + this.county + this.place
        this.drawer1 = false
      }
      // //初始化
      // this.addressId = null;
      // this.province = null;
      // this.cityList = [];
      // this.city = null;
      // this.countyList = [];
      // this.county = null;
      //暂存具体地址
      this.place1 = this.place
      // this.place = null;
      // this.addresText = null;
    },
    //批量修改内层值
    batchUpdateValue(row, index) {
      for (var i = index; i < this.spanArr[index] + index; i++) {
        this.selectionList[i].saleOrderConsigneeTel = row.saleOrderConsigneeTel
      }
    },
    //物资模态框查询
    onclick() {
      if (this.isOpenDrawer == 0) {
        this.option.requestUrl =
          '/api/v1/uc/getSteelMaterial?apiId=244&materialNameText=' +
          this.materialNameText +
          '&materialSpecificationText=' +
          this.materialSpecificationText
      } else {
        this.option1.requestUrl =
          '/api/v1/uc/getSteelMaterial?apiId=244&materialNameText=' +
          this.materialNameText +
          '&materialSpecificationText=' +
          this.materialSpecificationText
      }
    },
    // 确定
    async makeSure() {
      if (this.selectionList.length == 0) {
        this.$message.warning('请先填写具体信息')
        return
      }
      let i = 0
      this.selectionList.forEach(e => {
        if (!/(^[1-9]\d*$)/.test(e.orderPlanWeight)) {
          e.orderPlanWeight = null
          i++
        }
      })
      let flag = 0
      await this.axios
        .post('/api/v1/ams/queryFormat', this.selectionList)
        .then(res => {
          if (res.data.code == '500') {
            flag = 1
          }
        })
      if (flag == 1) {
        this.$message.error('规格型号有问题，请重新输入')
        return
      }
      if (i != 0) {
        this.$message.error('件数必填且请输入正整数')
        return
      }
      this.selectionList.forEach(e => {
        if (e.materialName.includes('定尺')) {
          if (!e.meterNumber) {
            i++
          }
        }
      })
      if (i != 0) {
        this.$message.error('定尺必须填写米数')
        return
      }
      //获取是否自提字段
      this.options.forEach(e => {
        if (this.values == e.values) {
          this.saleOrderIsselfMention = e.label
        }
      })
      //获取收款公司字段
      this.receivingCompany.forEach(f => {
        if (this.values1 == f.values1) {
          this.saleOrderReceiveCustomer = f.label1
        }
      })
      //获取业务员姓名
      this.saleMans.forEach(g => {
        if (this.saleMan == g.value) {
          this.saleManText = g.label
        }
      })
      this.orderMakeSure = true
    },
    //发送请求
    async sendRequest() {
      this.orderMakeSure = false
      //是否还有件数未填写
      var orderPlanWeightAllFill = 0
      //根据规格型号与物资名称获取对应的物资ID||确认规格型号格式是否正确
      //先把暂存区的数据清空
      this.temporarylist = []
      let flag = 0
      await this.axios
        .post('/api/v1/ams/queryMaterial', this.selectionList)
        .then(res => {
          if (res.data.code === '500') {
            flag = 1
          }
          console.log(res.data.code)
          //给暂存区的数据赋值
          this.temporarylist = res.data.data
          console.log('以下是查询出来的数据')
          console.log(res.data.data)
        })
      if (flag === 1) {
        this.$message.error('规格型号不对')
        return
      }
      this.selectionList = this.temporarylist
      //初始化maplist
      var mapList = []
      this.selectionList.forEach(item => {
        if (!item.orderPlanWeight) {
          orderPlanWeightAllFill++
        }
        //初始化mapItem
        var mapItem = {
          //车序号
          truckNo: 0,
          //省市县id
          shipperAddressId: 0,
          //具体地址
          place: null,
          //截止日期
          saleDateOfReceipt: null,
          //收货方电话
          saleOrderConsigneeTel: '',
          //车序号物资ID
          materialId: 0,
          //物资件数
          materialNumber: 0,
          //米数
          steelMeters: 0,
          //是否磅重销售
          isPoundSale: 0,
          //备注
          truckRemark: '',
          //物资名称
          materialName: ''
        }
        mapItem.truckNo = item.cxh
        mapItem.shipperAddressId = item.saleShipperAddressId
        mapItem.place = item.place
        mapItem.saleDateOfReceipt = sjTime(item.saleDateOfReceipt)
        mapItem.saleOrderConsigneeTel = item.saleOrderConsigneeTel
        mapItem.materialId = item.materialId
        mapItem.materialNumber = item.orderPlanWeight
        mapItem.steelMeters = item.meterNumber
        mapItem.isPoundSale = item.isPound
        mapItem.truckRemark = item.truckRemark
        mapItem.materialName = item.materialName
        mapList.push(mapItem)
      })
      let mapValue = {
        shipperId: this.shipperId,
        receiveId: this.consigneeId,
        isSelfMention: this.saleOrderIsselfMention,
        saleOrderReceiveCustomer: this.saleOrderReceiveCustomer,
        salerId: this.saleMan,
        saleRemark: this.remarks,
        mapList: mapList
      }
      console.log(mapValue)
      //所有列件数都填写
      if (orderPlanWeightAllFill == 0) {
        this.axios
          .post('/api/v1/ams/addSteelSaleOrder', mapValue)
          .then(res => {
            if (res.data.code == '200') {
              this.$router.go(-1)
              this.notDebounce = false
            }
            this.$message.success('新增订单成功！')
          })
          .catch(() => {
            this.$message.error()
          })
      } else {
        this.$message.error('还有物资件数未填写！')
        this.notDebounce = false
      }
    },
    // 取消
    cancel() {
      this.$router.go(-1)
    },
    //关闭事件
    handleClose(done) {
      this.$confirm('确认关闭？')
        .then(_ => {
          done()
        })
        .catch(_ => {})
    },
    //点击事件（上）
    clicks(index) {
      console.log(index)
      console.log(this.materialList)
      console.log(this.materialList.length - 1)
      console.log('clicks=e', arguments)
      if (index == 0) {
        console.log('向上1')
        //this.datalistindex=this.materialTableTop.length-1
        document
          .getElementById('input' + (this.materialList.length - 1))
          .focus()
      } else {
        console.log('向上2')
        //this.$refs.materialTableTop.bodyWrapper.scrollTop=index
        document.getElementById('input' + (index - 1)).focus()
      }
    },
    //点击事件(下)
    clickx(index) {
      console.log(index)
      console.log(this.materialList)
      console.log(this.materialList.length - 1)
      if (index == this.materialList.length - 1) {
        console.log('向下1')
        document.getElementById('input' + 0).focus()
      } else {
        console.log('向下2')
        //this.datalistindex+=1
        //this.$refs.materialTableTop.bodyWrapper.scrollTop=(index+1)*height
        //var tbl=document.getElementById("table").childNodes[0]
        //tbl.childNodes[len].childNodes[0].childNodes[0].focus()children[3]
        //const rowlist=this.$refs.materialTableTop.$el.children[3].children[1].children[0]
        //.children[1].children[len].children[3].children[0].children[0].children[0].focus()
        //console.log(rowlist)
        var nextInput = document.getElementById('input' + (index + 1))
        nextInput.focus()
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.addSalePlan {
  width: 100%;
  .el-drawer__body {
    overflow: auto;
  }
  .el-drawer__container ::-webkit-scrollbar {
    display: none;
  }
}

.form-box,
.from {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 20px;
}
.button-box {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-top: 0.3125rem;
  margin-bottom: 1.25rem;
}
.select {
  margin-left: -10rem;
}
.demo-form-inline {
  margin-left: 2rem;
}
.table_form {
  margin-left: -16rem;
}
.textinput111 {
  width: 83px;
}
.textinput {
  width: 50px;
}
.textinput1 {
  width: 50px;
  text-align: center;
  size: small;
}
.textinput2 {
  width: 50px;
  margin-right: 30px;
}
.textinput3 {
  width: 190px;
}
.textinput4 {
  width: 60px;
}
.textinput5 {
  width: 120px;
}
</style>