logpm_page/src/views/distribution/inventory/delivery/distributionStockArticleDiscuss.vue

<template>
  <!--全部订单-->
  <basic-container v-loading="loadingObj.pageLoading">
    <div class="avue-crud">
      <div v-h5uShow="!search">
        <!-- 查询模块 -->
        <el-form :inline="true" :model="query" class="header_search">
          <el-form-item label="订单自编号:">
            <el-input v-model="query.orderCodeNum" placeholder="请输入订单自编号"></el-input>
          </el-form-item>
          <el-form-item label="运单:">
            <el-input v-model="query.waybillNum" placeholder="请输入运单编号" />
          </el-form-item>
          <el-form-item label="入库时间:" class="el-times">
            <el-date-picker
              v-model="stockupDate"
              type="datetimerange"
              unlink-panels
              range-separator="至"
              start-placeholder="开始时间"
              end-placeholder="结束时间"
              :shortcuts="shortcuts"
              :default-time="defaultTime2"
            />
          </el-form-item>
          <!-- 查询按钮 -->

          <el-form-item>
            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
            <el-button icon="el-icon-delete" @click="searchReset">清 空</el-button>
          </el-form-item>
        </el-form>
      </div>

      <!-- 控件区 -->
      <div class="flex-c-sb">
        <!-- 头部左侧按钮模块 -->
        <div>
          <!-- <el-button type="primary" icon="el-icon-plus" @click="handleAdd" v-if="handler"
              >创建异常</el-button
            > -->

          <!-- 修改客户信息 -->
          <el-button type="danger" icon="Edit" @click="handleCallDelivery('3')" v-if="handler"
            >修改客户信息
          </el-button>

          <!-- 修改运单收货人 -->
          <el-button type="danger" icon="Edit" @click="Modifywaybillrecipient"
            >修改运单收货人
          </el-button>

          <!-- 修改收货单位 -->
          <el-button
            type="danger"
            icon="el-icon-edit"
            @click="Modifyreceivingunit"
            v-if="permissionList.Modifyreceivingunit"
          >
            修改收货单位
          </el-button>

          <!-- 修改服务类型 -->
          <el-button type="danger" icon="Edit" @click="handleCallDelivery('2')" v-if="handler">
            修改服务类型
          </el-button>

          <!-- 批量查看二维码 -->
          <el-button type="primary" icon="Printer" @click="handleBatchPrinter">批量打印</el-button>

          <el-button type="danger" icon="Download" @click="handleExport" plain>导 出</el-button>
        </div>

        <div class="flex-c-sb">
          <div class="totalContainer mr10 flex-c-sb">
            <div class="title">订单总数：</div>
            <div class="value">{{ totalInfo.orderNum || 0 }}</div>
          </div>

          <div class="totalContainer mr10 flex-c-sb">
            <div class="title">包件总数：</div>
            <div class="value">{{ totalInfo.packageCodeNum || 0 }}</div>
          </div>

          <div class="totalContainer flex-c-sb">
            <div class="title">运单总数：</div>
            <div class="value">{{ totalInfo.waybillNum || 0 }}</div>
          </div>
        </div>

        <!-- 头部右侧按钮模块 -->
        <div>
          <el-button icon="el-icon-refresh" @click="searchChange" circle></el-button>
          <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
          <el-button icon="el-icon-search" @click="searchHide" circle></el-button>
        </div>
      </div>
      <!-- 列表模块 -->
      <tablecmt
        class="mt10"
        ref="tableNode"
        :columnList="columnList"
        :tableData="data"
        :loading="loading"
        :tableRowClassName="handleSetRowClassName"
        @inputTxt="inputsc"
        @timeCheck="timesc"
        @btnCheck="btnsc"
        @selectCheck="selectsc"
        @selection="selectionChange"
      >
        <template #default="slotProps">
          <template v-if="slotProps.scope.column.label === '未入库数量'">
            <el-text class="el_textBtn" @click="InformationViewing(slotProps.scope.row)">
              {{ slotProps.scope.row.notReceived }}
            </el-text>
          </template>
          <template v-if="slotProps.scope.column.label === '货位信息'">
            <div style="width: 100%">
              <el-tag
                v-for="item in slotProps.scope.row.allocation
                  ? slotProps.scope.row.allocation.split(',')
                  : []"
                :key="item"
                style="margin-right: 5px"
                class="subject"
              >
                {{ item }}
              </el-tag>
            </div>
          </template>

          <template v-else-if="slotProps.scope.column.label === '是否齐套'">
            <el-tag :class="Number(slotProps.scope.row.completeSet) === 2 ? 'green' : 'red'">
              {{ slotProps.scope.row.completeSetName }}
            </el-tag>
          </template>

          <template v-else-if="slotProps.scope.column.label === '操作'">
            <el-text
              v-if="Number(slotProps.scope.row.isZero) !== 0"
              @click="handleShowOrderCode(slotProps.scope)"
            >
              查看二维码
            </el-text>

            <el-text type="primary" text icon="el-icon-view" @click="handleView(slotProps.scope)"
              >查看</el-text
            >
            <el-text
              type="primary"
              text
              icon="el-icon-edit"
              @click="handleCallDeliveryOwn(slotProps.scope)"
              >修改客户信息</el-text
            >
            <el-text @click="handleGoLogs(slotProps.scope)">日志</el-text>
          </template>
        </template>
      </tablecmt>

      <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
        <div style="font-size: 14px">勾选数量: {{ selectionList.length }}</div>
        <!-- 分页模块 -->
        <el-pagination
          align="right"
          background
          @size-change="sizeChange"
          @current-change="currentChange"
          :current-page="page.currentPage"
          :page-sizes="[30, 50, 80, 120]"
          :page-size="page.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="page.total"
        >
        </el-pagination>
      </div>

      <!-- 通知提货 -->
      <el-dialog v-model="dialogFormVisible" title="通知提货">
        <el-form :model="formCall">
          <el-form-item label="顾客姓名" :label-width="formLabelWidth">
            <el-input v-model="formCall.customerName" autocomplete="off" />
          </el-form-item>
          <el-form-item label="顾客电话" :label-width="formLabelWidth">
            <el-input v-model="formCall.customerTelephone" autocomplete="off" />
          </el-form-item>
          <el-form-item label="运单" :label-width="formLabelWidth">
            <el-input v-model="formCall.waybill" autocomplete="off" />
          </el-form-item>
          <el-form-item label="跟进记录" :label-width="formLabelWidth">
            <el-input
              v-model="formCall.followUpRecord"
              :rows="2"
              type="textarea"
              placeholder="请填写内容"
            />
          </el-form-item>
          <el-form-item label="历史跟进" :label-width="formLabelWidth"> </el-form-item>
        </el-form>
        <template #footer>
          <span class="dialog-footer">
            <el-button @click="dialogFormVisible = false">取消</el-button>
            <!--        <el-button type="primary" @click="dialogFormVisible = false"> 确定 </el-button>-->
            <el-button type="primary" @click="callFordelivery('1')"> 确定 </el-button>
          </span>
        </template>
      </el-dialog>

      <!-- 修改服务类型 -->
      <el-dialog v-model="dialogFormService" title="修改服务类型">
        <el-form :model="formService" :rules="serveRules" ref="formServiceRef">
          <el-form-item label="服务类型" :label-width="formLabelWidth" prop="typeService">
            <!--            <el-input v-model="formService.typeService" autocomplete="off" />-->
            <el-select v-model="formService.typeService" clearable placeholder="请选择服务类型">
              <el-option
                v-for="item in distributionType"
                :key="item.dictKey"
                :label="item.dictValue"
                :value="item.dictKey"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="费用" :label-width="formLabelWidth" prop="cost">
            <el-input v-model="formService.cost" autocomplete="off" placeholder="请填写费用 " />
          </el-form-item>
          <el-form-item label="原因" :label-width="formLabelWidth" prop="cause">
            <el-input
              v-model="formService.cause"
              :rows="2"
              type="textarea"
              placeholder="请填写原因"
            />
          </el-form-item>
        </el-form>
        <template #footer>
          <span class="dialog-footer">
            <el-button @click="dialogFormService = false">取消</el-button>
            <!--        <el-button type="primary" @click="dialogFormVisible = false"> 确定 </el-button>-->
            <el-button type="primary" @click="callFordelivery('2')"> 确定 </el-button>
          </span>
        </template>
      </el-dialog>

      <!-- 修改客户信息 -->
      <el-dialog v-model="dialogFormCustomer" title="修改客户信息">
        <el-form :model="formCustomer" :rules="rules" ref="formCustomerRef">
          <el-form-item label="姓名" :label-width="formLabelWidth" prop="name">
            <el-input v-model="formCustomer.name" autocomplete="off" />
          </el-form-item>
          <el-form-item label="电话" :label-width="formLabelWidth" prop="phone">
            <el-input v-model="formCustomer.phone" autocomplete="off" />
          </el-form-item>
          <el-form-item label="地址" :label-width="formLabelWidth" prop="address">
            <el-input
              v-model="formCustomer.address"
              :rows="2"
              type="textarea"
              placeholder="请填写地址"
            />
          </el-form-item>
        </el-form>
        <template #footer>
          <span class="dialog-footer">
            <el-button @click="dialogFormCustomer = false">取消</el-button>
            <!--        <el-button type="primary" @click="dialogFormVisible = false"> 确定 </el-button>-->
            <el-button type="primary" @click="callFordelivery('3')"> 确定 </el-button>
          </span>
        </template>
      </el-dialog>

      <!-- 修改运单收货人 -->
      <el-dialog v-model="waybillrecipient" title="修改运单收货人">
        <el-form
          v-loading="loadingwaybillrecipient"
          :model="waybillrecipientForm"
          ref="waybillrecipientForm"
          :rules="loginRules"
        >
          <el-form-item label="收货人名称" prop="consigneePerson" :label-width="formLabelWidth">
            <el-input
              v-model="waybillrecipientForm.consigneePerson"
              placeholder="请填写收货人名称"
              autocomplete="off"
            />
          </el-form-item>
          <el-form-item label="收货人电话" prop="consigneeMobile" :label-width="formLabelWidth">
            <el-input
              v-model="waybillrecipientForm.consigneeMobile"
              placeholder="请填写收货人电话"
              autocomplete="off"
            />
          </el-form-item>
          <el-form-item label="收货人地址" prop="consigneeAddress" :label-width="formLabelWidth">
            <el-input
              v-model="waybillrecipientForm.consigneeAddress"
              :rows="2"
              type="textarea"
              placeholder="请填写收货人地址"
            />
          </el-form-item>
        </el-form>
        <template #footer>
          <span class="dialog-footer">
            <el-button @click="waybillrecipient = false">取消</el-button>
            <!--        <el-button type="primary" @click="dialogFormVisible = false"> 确定 </el-button>-->
            <el-button type="primary" @click="waybillrecipientClick"> 确定 </el-button>
          </span>
        </template>
      </el-dialog>

      <!-- 表单模块 -->
      <el-dialog
        :title="title"
        v-model="box"
        width="50%"
        :before-close="beforeClose"
        append-to-body
      >
        <el-form :disabled="view" ref="form" :model="form" label-width="80px">
          <!-- 表单字段 -->
          <el-form-item label="服务号" prop="serviceNumber">
            <el-input v-model="form.serviceNumber" placeholder="请输入服务号" />
          </el-form-item>
          <el-form-item label="订单自编号" prop="orderCode">
            <el-input v-model="form.orderCode" placeholder="请输入订单自编号" />
          </el-form-item>
          <el-form-item label="商场名称" prop="mallName">
            <el-input v-model="form.mallName" placeholder="请输入商场名称" />
          </el-form-item>
          <el-form-item label="货物名称" prop="descriptionGoods">
            <el-input v-model="form.descriptionGoods" placeholder="请输入货物名称" />
          </el-form-item>
          <el-form-item label="仓库" prop="warehouse">
            <el-input v-model="form.warehouse" placeholder="请输入仓库" />
          </el-form-item>
          <el-form-item label="入库时间" prop="warehouseEntryTime">
            <!--            <el-input v-model="form.warehouseEntryTime" placeholder="请输入入库时间"/>-->
            <el-date-picker
              v-model="form.warehouseEntryTime"
              type="datetime"
              placeholder="请输入入库时间"
              format="YYYY-MM-DD hh:mm:ss"
              value-format="YYYY-MM-DD hh:mm:ss"
            />
          </el-form-item>
          <el-form-item label="在库时长" prop="storeTime">
            <el-input v-model="form.storeTime" placeholder="请输入在库时长" />
          </el-form-item>
          <el-form-item label="订单总件数" prop="totalNumber">
            <el-input v-model="form.totalNumber" placeholder="请输入订单总件数" />
          </el-form-item>
          <el-form-item label="在库件数" prop="handQuantity">
            <el-input v-model="form.handQuantity" placeholder="请输入在库件数" />
          </el-form-item>
          <el-form-item label="是否齐套" prop="completeSet">
            <el-select v-model="form.completeSet" clearable placeholder="请选择是否齐套">
              <!--              <el-option-->
              <!--                v-for="item in completeSetData"-->
              <!--                :key="item.dictKey"-->
              <!--                :label="item.dictValue"-->
              <!--                :value="item.dictKey">-->
              <!--              </el-option>-->
              <el-option label="是" value="2">是</el-option>
              <el-option label="否" value="1">否</el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="品牌" prop="brand">
            <el-input v-model="form.brand" placeholder="请输入品牌" />
          </el-form-item>
          <el-form-item label="服务类型" prop="typeService">
            <el-select v-model="form.typeService" clearable placeholder="请选择服务类型">
              <!--              <el-option-->
              <!--                v-for="item in typeServiceData"-->
              <!--                :key="item.dictKey"-->
              <!--                :label="item.dictValue"-->
              <!--                :value="item.dictKey">-->
              <!--              </el-option>-->
              <el-option label="干" value="1">干</el-option>
              <el-option label="仓" value="2">仓</el-option>
              <el-option label="配" value="3">配</el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="顾客名字" prop="customerName">
            <el-input v-model="form.customerName" placeholder="请输入顾客名字" />
          </el-form-item>
          <el-form-item label="顾客电话" prop="customerTelephone">
            <el-input v-model="form.customerTelephone" placeholder="请输入顾客电话" />
          </el-form-item>
          <el-form-item label="顾客地址" prop="customerAddress">
            <el-input v-model="form.customerAddress" placeholder="请输入顾客地址" />
          </el-form-item>
          <el-form-item label="类型;1 预约单  2库存单" prop="genre">
            <el-select v-model="form.genre" clearable placeholder="请选择类型;1 预约单  2库存单">
              <!--              <el-option-->
              <!--                v-for="item in genreData"-->
              <!--                :key="item.dictKey"-->
              <!--                :label="item.dictValue"-->
              <!--                :value="item.dictKey">-->
              <!--              </el-option>-->
              <el-option label="库存单" value="2">库存单</el-option>
              <el-option label="预约单" value="1">预约单</el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="状态;1 配送 2 待配送" prop="state">
            <el-select v-model="form.state" clearable placeholder="请选择状态;1 配送 2 待配送">
              <!--              <el-option-->
              <!--                v-for="item in stateData"-->
              <!--                :key="item.dictKey"-->
              <!--                :label="item.dictValue"-->
              <!--                :value="item.dictKey">-->
              <!--              </el-option>-->
              <el-option label="待配送" value="2">待配送</el-option>
              <el-option label="配送" value="1">配送</el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <!-- 表单按钮 -->
        <template #footer>
          <span v-if="!view" class="dialog-footer">
            <el-button type="primary" icon="el-icon-circle-check" @click="handleSubmit"
              >提 交</el-button
            >
            <el-button icon="el-icon-circle-close" @click="box = false">取 消</el-button>
          </span>
        </template>
      </el-dialog>
    </div>

    <!-- 打印 -->
    <MyPrint v-model="popUpShow.printVisited" :html="html" type="titlePrint"> </MyPrint>
  </basic-container>
  <edittablehead
    @closce="showdrawer"
    :drawerShow="drawerShow"
    :columnList="columnList"
    v-model="columnList"
  >
  </edittablehead>
</template>

<script>
import {
  getList,
  getDetail,
  add,
  update,
  remove,
  addStock,
  stockArticExport,
  $_Modifywaybillrecipient,
  postShowOrderCode,
  getCollectt,
} from '@/api/distribution/distributionStockArticle';
import { getListOwn } from '@/api/distribution/distributionParcelList';
import { addCallDelivery, $_updateBatchClient } from '@/api/distribution/distrilbutionCallDelivery';
import { addClient } from '@/api/distribution/distributionClientMessage';
import { addService } from '@/api/distribution/distributionServiceLog';
import option from '@/option/distribution/distributionStockArticle';
import { mapGetters } from 'vuex';
import { getDictionaryBiz } from '@/api/system/dict';
import dayjs from 'dayjs';
import {
  downloadXls,
  setNodeHeight,
  getObjType,
  handleClearTableQuery,
  handleSelectQuery,
} from '@/utils/util';
import { columnList } from '@/option/distribution/distributionStockArticleSelf';
import { deepClone, hanleTextLineFeed } from '@/utils/util.js';
import { ElMessage, ElMessageBox } from 'element-plus';
const _newCol = deepClone(columnList);
for (let i = 0; i < _newCol.length; i++) {
  const val = _newCol[i];

  if (val.label !== '超时状态') continue;
  _newCol.splice(i, 1);
  break;
}
export default {
  data() {
    return {
      columnList: _newCol,
      columnListedit: [],
      loginRules: {
        consigneeAddress: [
          { required: true, message: '请输入收货人地址', trigger: ['blur', 'change'] },
        ],
        consigneeMobile: [
          { required: true, message: '请输入收货人电话', trigger: 'change' },
          { min: 11, max: 11, message: '请输入11位电话号码', trigger: ['blur', 'change'] },
        ],
        consigneePerson: [
          { required: true, message: '请输入收货人名称', trigger: ['blur', 'change'] },
        ],
      },
      drawerShow: false,
      height: 0,
      waybillrecipient: false, //修改运单收货人弹窗
      waybillrecipientForm: {}, //运单收货人表单
      loadingwaybillrecipient: false, //运单收货人弹窗加载
      // 弹框标题
      title: '',
      // 是否展示弹框
      box: false,
      // 是否显示查询
      search: true,
      // 加载中
      loading: true,
      // 是否为查看模式
      view: false,
      // 查询信息
      query: {},
      // 分页信息
      page: {
        currentPage: 1,
        pageSize: 30,
        total: 0,
      },
      rules: {
        address: [{ required: true, message: '请输入收货人地址', trigger: ['blur', 'change'] }],
        phone: [{ required: true, message: '请输入收货人电话', trigger: ['blur', 'change'] }],
        name: [{ required: true, message: '请输入收货人名称', trigger: ['blur', 'change'] }],
      },
      serveRules: {
        typeService: [{ required: true, message: '请选择服务类型', trigger: ['blur', 'change'] }],
      },
      // 表单数据
      form: {},
      formCall: {}, // 通知
      formService: {}, // 服务
      formCustomer: {}, // 客户
      // 选择行
      selectionList: [],
      // 表单配置
      option: option,
      // 表单列表
      data: [],
      distributionType: [],
      dialogTableVisible: false,
      dialogFormVisible: false,
      dialogFormCustomer: false, //多选客户弹窗
      dialogFormCustomerOwn: false, //单独的客户标识
      dialogFormService: false,
      formLabelWidth: '120px',
      handler: true, //首次
      trade: false, // 商
      municipal: true, // 市
      taker: true, // 自提
      stockupDate: [],
      defaultTime2: [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)], // '12:00:00', '08:00:00'
      shortcuts: [
        {
          text: '最近一周',
          value: () => {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
            return [start, end];
          },
        },
        {
          text: '最近一个月',
          value: () => {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
            return [start, end];
          },
        },
        {
          text: '最近三个月',
          value: () => {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
            return [start, end];
          },
        },
      ],
      /** loading */
      loadingObj: {
        /** 页面loading */
        pageLoading: false,
      },
      /** 渲染的html */
      html: '',
      popUpShow: {
        printVisited: false,
      },
      /** 展示数据 */
      totalInfo: {
        /** 订单总数 */
        orderNum: 0,
        /** 包件总数 */
        packageCodeNum: 0,
        /** 运单总数 */
        waybillNum: 0,
      },
    };
  },
  mounted() {
    this.init();
    this.onLoad(this.page);
  },
  computed: {
    ...mapGetters(['permission']),

    permissionList() {
      return {
        addBtn: this.validData(this.permission.basicdataBrandCategory_add, false),
        viewBtn: this.validData(this.permission.basicdataBrandCategory_view, false),
        delBtn: this.validData(this.permission.basicdataBrandCategory_delete, false),
        editBtn: this.validData(this.permission.basicdataBrandCategory_edit, false),
        Modifyreceivingunit: this.validData(this.permission.Modifyreceiving_unit, false),
      };
    },
    ids() {
      let ids = [];
      this.selectionList.forEach(ele => {
        ids.push(ele.id);
      });
      return ids.join(',');
    },
  },
  methods: {
    //导出
    handleExport() {
      let row = {};
      if (!!this.ids) {
        row.ids = this.ids;
      }
      row.typeService = '1';
      row = { ...row, ...this.query };
      stockArticExport(row).then(res => {
        console.log(res.data);
        downloadXls(res.data, '商配订单数据.xlsx');
      });
    },

    showdrawer(value) {
      this.drawerShow = value;
    },
    selectionsc(value) {
      console.log(value);
    },
    delectsolt(scope) {
      const { row } = scope;
      console.log(row);
    },
    editsolt(scope) {
      const { row } = scope;
      console.log(row);
    },
    btnsc(index, row) {
      console.log(index, row);
    },
    /**
     * 处理字段和名称不一致的问题
     * @param {} index
     * @param {*} row
     */
    selectsc(index, row) {
      handleSelectQuery(index, row, this.query);
      this.onLoad(this.page);
    },
    timesc(index, row) {
      console.log(index, row);
      if (!!index) {
        index = dayjs(index).format('YYYY-MM-DD');
      }
      this.query[row.prop] = index;
      if (!index) {
        delete this.query[row.prop];
      }
      this.onLoad(this.page);
    },
    inputsc(index, row) {
      console.log(index, row);
      // console.log(index, row.prop);
      this.query[row.prop] = index;
      this.onLoad(this.page);
    },
    // 修改收货单位
    Modifyreceivingunit() {
      if (!this.selectionList.length) {
        this.$message.warning('请勾选要修改的数据');
        return;
      }
      ElMessageBox.prompt('请输入要修改的收货单位', '修改收货单位', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        inputPattern: /^\S+$/,
        inputErrorMessage: '收货单位不能为空',
      })
        .then(({ value }) => {
          console.log(value, '填写的参数');
          let data = {
            entityList: [],
          };
          console.log(this.selectionList, 'this.selectionList');
          // this.selectionList.forEach(item,index=>{
          //   console.log(item,'item');
          //   data['entityList'].push({
          //     id:item.id,
          //     consigneeUnit:value,
          //     mallName:value,
          //   })
          // })
          data['entityList'] = this.selectionList.map(item => {
            return {
              id: item.id,
              consigneeUnit: value,
              mallName: value,
            };
          });
          $_updateBatchClient(data).then(res => {
            console.log(res, '修改成功');
            if (res.data.code == 200) {
              ElMessage({
                message: res.data.msg,
                type: 'success',
              });
              this.onLoad(this.page);
            }
          });
        })
        .catch(() => {});
    },
    handleMoke() {
      if (this.selectionList.length === 0) {
        this.$message.warning('请选择至少一条数据');
        return;
      }
      let st = false;
      this.selectionList.some(i => {
        if (i.reservationStatus === '30') {
          st = true;
          this.$message.warning(i.orderCode + ' - 已预约，请勿重复预约！！！');
        }
        if (i.typeService === 3) {
          st = true;
          this.$message.warning(i.orderCode + ' - 为自提单，无法预约！！！');
        }
      });
      if (st) {
        return;
      }
      // 判断orderId是否全都相等
      const notEqualFlag = this.selectionList.some(
        item =>
          this.selectionList.filter(
            ele =>
              ele.customerName !== item.customerName &&
              ele.customerTelephone !== item.customerTelephone &&
              ele.customerAddress !== item.customerAddress
          ).length >= 1
      );
      console.log('notEqualFlag=====', notEqualFlag);
      // 返回true,说明有不同
      // 返回false,说明全都相等
      if (!notEqualFlag) {
        this.$router.push({
          path: '/distribution/reservation/reservationFrom',
          query: {
            id: this.ids,
          },
        });
      } else {
        this.$message.warning('请选择相同收货信息的订单！！！');
      }
    },
    async handleStockList() {
      if (this.selectionList.length === 0) {
        this.$message.warning('请选择至少一条数据');
        return;
      }
      this.getSock();

      /*else if (this.selectionList.length > 1){
        this.getSock();
      }else if (this.selectionList.length < 2){
        //判断有没有包件
        let params ={
          stockArticleId : this.selectionList[0].id
        }

      let a =  await  getListOwn(this.page.currentPage,this.page.pageSize,params);
        // console.log("aaaaaaa===",a.data.data);
        if(a.data.data.records.length > 0){
          this.$router.push({
            path: '/distribution/inventory/distributionStockArticleFrom',
            query: {
              id : this.ids,
              name : "转库存单"
            }
          });
        }else{
          this.getSock();
        }
      }*/
    },
    getSock() {
      this.$confirm('确定将选择的订单转为库存品吗？', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          return addStock(this.ids);
        })
        .then(() => {
          this.selectionClear();
          this.onLoad(this.page);
          this.$message({
            type: 'success',
            message: '操作成功!',
          });
        });
    },
    //确定通知提货按钮
    callFordelivery(inde) {
      switch (inde) {
        case '1':
          console.log(this.formCall);
          this.formCall.waybillNumber = this.ids;
          addCallDelivery(this.formCall).then(() => {
            this.$message({
              type: 'success',
              message: '操作成功!',
            });
            this.dialogFormVisible = false;
            this.formCall = {};
            this.onLoad(this.page);
          });
          break;
        case '2':
          this.$refs.formServiceRef.validate(valid => {
            if (!valid) {
              return;
            }

            this.formService.stockArticleId = this.ids;
            console.log('服务类型', this.formService);
            addService(this.formService).then(() => {
              this.$message({
                type: 'success',
                message: '操作成功!',
              });
              this.dialogFormService = false;
              this.formService = {};
              this.onLoad(this.page);
            });
          });
          break;
        case '3':
          this.$refs.formCustomerRef.validate(valid => {
            if (!valid) {
              return;
            }

            console.log('客户信息！！！', this.formCustomer);
            if (!this.dialogFormCustomerOwn) {
              this.formCustomer.stockArticleId = this.ids;
            }
            addClient(this.formCustomer).then(() => {
              this.$message({
                type: 'success',
                message: '操作成功!',
              });
              this.dialogFormCustomer = false;
              this.dialogFormCustomerOwn = false;
              this.formCustomer = {};
              this.onLoad(this.page);
            });
          });

          break;
      }
    },
    //提货跳转
    handlebill(row) {
      console.log('>>>>', this.ids);
      if (this.selectionList.length === 0) {
        this.$message.warning('请选择至少一条数据');
        return;
      }
      this.$store.commit('DEL_ONCE_TAG', '^/distribution/inventory/distrilbutionBillLading\\?');
      this.$router.push({
        path: '/distribution/inventory/distrilbutionBillLading',
        query: {
          id: this.ids,
        },
      });
    },
    //修改客户信息
    handleCallDeliveryOwn(row) {
      console.log('row', row);
      this.formCustomer.name = row.row.customerName;
      this.formCustomer.phone = row.row.customerTelephone;
      this.formCustomer.address = row.row.customerAddress;
      this.formCustomer.stockArticleId = row.row.id;
      this.dialogFormCustomer = true;
      this.dialogFormCustomerOwn = true;
    },
    //通知提货
    handleCallDelivery(ind) {
      if (this.selectionList.length === 0) {
        this.$message.warning('请选择至少一条数据');
        return;
      }
      let a = this.selectionList.find(i => i.reservationStatus == '30');
      if (!!a) {
        this.$message.warning('有已预约的数据，不能修改！！！');
        return;
      }
      switch (ind) {
        case '1':
          let ids = [];
          this.selectionList.forEach(ele => {
            ids.push(ele.orderCode);
          });
          this.formCall.waybill = ids;
          this.dialogFormVisible = true;
          break;
        case '2':
          this.dialogFormService = true;
          this.formService = {};
          break;
        case '3':
          this.dialogFormCustomer = true;
          this.formCustomer = {};
          break;
      }
    },
    // 修改运单收货人
    Modifywaybillrecipient() {
      if (!this.selectionList.length) {
        this.$message.warning('请选择至少一条数据');
        return;
      }
      this.waybillrecipient = true; //开启弹窗
      // _Modifywaybillrecipient
    },
    waybillrecipientClick() {
      this.$refs.waybillrecipientForm.validate(valid => {
        if (!valid) {
          return;
        }
        this.loadingwaybillrecipient = true; //开启表单加载

        let data = {
          entityList: [],
        };

        this.selectionList.forEach(res => {
          data['entityList'].push({
            consigneeAddress: this.waybillrecipientForm.consigneeAddress,
            consigneePerson: this.waybillrecipientForm.consigneePerson,
            consigneeMobile: this.waybillrecipientForm.consigneeMobile,
            id: res.id,
          });
        });
        $_Modifywaybillrecipient(data)
          .then(resT => {
            ElMessage({
              message: resT.data.msg,
              type: 'success',
            });
            if (resT.data.code == 200) {
              this.waybillrecipient = false; //关闭弹窗
              console.log(resT, '修改成功后返回值');
              this.onLoad(this.page);
            }
          })
          .catch(() => {})
          .finally(() => {
            this.loadingwaybillrecipient = false;
          });
        // waybillrecipient;//弹窗
      });
    },
    init() {
      this.height = this.setPx(document.body.clientHeight - 340);
      getDictionaryBiz('distribution_type').then(res => {
        this.distributionType = res.data.data;
        /*   this.$functions.checkcColumnList("typeServerName", this.columnList).checkarr=res.data.data.map(item=>{
            item.value=item.dictKey
            item.label=item.dictValue
            return item
          });*/

        // this.columnList[26].checkarr =res.data.data.map(item=>{
        //   item.value=item.dictKey
        //   item.label=item.dictValue
        //   return item
        // });
      });
      getDictionaryBiz('order_status').then(res => {
        this.deliveryOrderStatus = res.data.data;
        this.$functions.checkcColumnList('orderStatusName', this.columnList).checkarr =
          res.data.data.map(item => {
            item.value = item.dictKey;
            item.label = item.dictValue;
            return item;
          });
      });
      getDictionaryBiz('basic_grounding').then(res => {
        this.$functions.checkcColumnList('groundingStatusName', this.columnList).checkarr =
          res.data.data.map(item => {
            item.value = item.dictKey;
            item.label = item.dictValue;
            return item;
          });
      });
      getDictionaryBiz('freeze_status').then(res => {
        this.$functions.checkcColumnList('freezeStatusName', this.columnList).checkarr =
          res.data.data.map(item => {
            item.value = item.dictKey;
            item.label = item.dictValue;
            return item;
          });
      });
      getDictionaryBiz('order_stockup_status').then(res => {
        this.$functions.checkcColumnList('stockupStatusName', this.columnList).checkarr =
          res.data.data.map(item => {
            item.value = item.dictKey;
            item.label = item.dictValue;
            return item;
          });
      });
      getDictionaryBiz('order_reservation_status').then(res => {
        this.$functions.checkcColumnList('reservationStatusName', this.columnList).checkarr =
          res.data.data.map(item => {
            item.value = item.dictKey;
            item.label = item.dictValue;
            return item;
          });
      });

      getDictionaryBiz('order_receive_status').then(res => {
        this.$functions.checkcColumnList('orderReceiveStatusName', this.columnList).checkarr =
          res.data.data.map(item => {
            item.value = item.dictKey;
            item.label = item.dictValue;
            return item;
          });
      });
    },
    searchHide() {
      this.search = !this.search;

      setNodeHeight(this.$refs.tableNode.$el, '', true);
    },
    searchChange() {
      this.onLoad(this.page);
    },
    searchReset() {
      this.query = {};
      this.stockupDate = [];
      this.page.currentPage = 1;
      handleClearTableQuery(this.columnList);
      this.onLoad(this.page);
    },
    InformationViewing(row) {
      if (!row.notReceived || Number(row.isZero)) {
        return;
      }
      this.$router.push({
        path: '/distribution/inventory/delivery/Unstoreddetails',
        query: {
          id: row.id,
          orderCode: row.orderCode,
          name: '未入库订单详情 - ' + row.orderCode,
          isZero: row.isZero,
        },
      });
    },
    handleSubmit() {
      if (!this.form.id) {
        add(this.form).then(() => {
          this.box = false;
          this.onLoad(this.page);
          this.$message({
            type: 'success',
            message: '操作成功!',
          });
        });
      } else {
        update(this.form).then(() => {
          this.box = false;
          this.onLoad(this.page);
          this.$message({
            type: 'success',
            message: '操作成功!',
          });
        });
      }
    },

    //全部
    handleEntire() {
      this.handler = true;
      this.taker = true;
      this.trade = false;
    },
    //商配
    handleTrade() {
      // this.handler = true;
      this.trade = true;
    },
    //商配
    handleMunicipal() {
      // this.handler = true;
      // this.taker = true;
    },
    //自提
    handlePickUpStore() {
      this.loading = true;
      // console.log("this.query",this.query);
      let params = {};
      this.query.typeService = '1';
      getList(this.page.currentPage, this.page.pageSize, Object.assign(params, this.query)).then(
        res => {
          const data = res.data.data;
          this.page.total = data.total;
          this.data = data.records;
          this.loading = false;
          this.selectionClear();
          this.handler = false;
          this.taker = false;
        }
      );
    }, //自提的通知
    handleInform(index) {
      this.loading = true;
      // console.log("this.query",this.query);
      let params = {};
      this.query.typeService = '1';
      switch (index) {
        case '1':
          this.query.notification = index;
          break;
        case '2':
          this.query.notification = index;
          break;
      }
      this.query.typeService = '1';
      getList(this.page.currentPage, this.page.pageSize, Object.assign(params, this.query)).then(
        res => {
          const data = res.data.data;
          this.page.total = data.total;
          this.data = data.records;
          this.loading = false;
          this.selectionClear();
          this.handler = false;
          this.taker = false;
        }
      );
    },
    handleAdd() {
      return this.$message({
        type: 'error',
        message: '功能还在开发中',
      });
    },
    handleEdit(row) {
      this.title = '编辑';
      this.box = true;
      getDetail(row.row.id).then(res => {
        this.form = res.data.data;
      });
    },
    handleView({ row }) {
      // this.title = '查看'
      // this.view = true;
      // this.box = true;
      // getDetail(row.id).then(res => {
      //   this.form = res.data.data;
      // });
      // console.log("查看===",row.row);
      this.$router.push({
        path: '/distribution/inventory/distributionStockArticleDetails',
        query: {
          id: row.id,
          name: '详情 - ' + row.orderCode,
          isZero: row.isZero,
        },
      });
    },
    handleDelete() {
      if (this.selectionList.length === 0) {
        this.$message.warning('请选择至少一条数据');
        return;
      }
      this.$confirm('确定将选择数据删除?', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          return remove(this.ids);
        })
        .then(() => {
          this.selectionClear();
          this.onLoad(this.page);
          this.$message({
            type: 'success',
            message: '操作成功!',
          });
        });
    },
    rowDel(row) {
      this.$confirm('确定将选择数据删除?', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          return remove(row.id);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: 'success',
            message: '操作成功!',
          });
        });
    },
    beforeClose(done) {
      done();
      this.form = {};
      this.view = false;
    },
    selectionChange(list) {
      // console.log("添加阿斯顿发生",list);
      this.selectionList = list;
    },
    selectionClear() {
      this.selectionList = [];
      // this.$refs.table.clearSelection();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
      this.onLoad(this.page);
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
      this.onLoad(this.page);
    },
    getTime(dat) {
      let date = new Date(dat);
      var y = date.getFullYear();
      var m = date.getMonth() + 1;
      m = m < 10 ? '0' + m : m;
      var d = date.getDate();
      d = d < 10 ? '0' + d : d;
      var h = date.getHours();
      h = h < 10 ? '0' + h : h;
      var minute = date.getMinutes();
      minute = minute < 10 ? '0' + minute : minute;
      var s = date.getSeconds();
      s = s < 10 ? '0' + s : s;
      return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + s;
    },
    async onLoad(page, params = {}) {
      try {
        this.loading = true;

        if (this.stockupDate.length > 0) {
          let startDate = this.stockupDate[0];
          let entDate = this.stockupDate[1];
          params.startDate = this.getTime(startDate.toString());
          params.entDate = this.getTime(entDate.toString());
        }
        this.query.genre = 1;
        this.query.typeService = 1;
        const [res] = await Promise.all([
          getList(page.currentPage, page.pageSize, Object.assign(params, this.query)),
          this.getAllOrderInfo(),
        ]);
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        for (let i = 0; i < this.data.length; i++) {
          const item = this.data[i];

          const nuMap = {
            '-1': '0',
          };

          item.sortingQuantity = nuMap[item.sortingQuantity] || item.sortingQuantity;
          item.deliveryQuantity = nuMap[item.deliveryQuantity] || item.deliveryQuantity;
          item.signinQuantity = nuMap[item.signinQuantity] || item.signinQuantity;
          item.transferQuantity = nuMap[item.transferQuantity] || item.transferQuantity;
          item.availableQuantity = nuMap[item.availableQuantity] || item.availableQuantity;
          item.notReceived = parseInt(item.totalNumber) - parseInt(item.incomingNum);
          item.isZeroName = Number(item.isZero) === 0 ? '否' : '是';

          item.completeSetName = Number(item.completeSet) === 2 ? '已齐套' : '未齐套';
        }
        this.selectionClear();
      } catch (error) {
        console.log('error :>> ', error);
      } finally {
        this.loading = false;
      }
    },
    /** 显示订单二维码 */
    async handleShowOrderCode({ row }) {
      try {
        this.loadingObj.pageLoading = true;
        const res = await postShowOrderCode({ ids: row.id });

        const { code, data } = res.data;
        if (code !== 200) return;

        this.html = this.getHtmls(data.dataList, data.templateHtml);
        this.popUpShow.printVisited = true;

        await this.$nextTick();
        hanleTextLineFeed('product', 40);
        hanleTextLineFeed('customerAddress', 40);
      } catch (error) {
        console.log('error :>> ', error);
      } finally {
        this.loadingObj.pageLoading = false;
      }
    },
    /** 批量查看二维码 */
    async handleBatchPrinter() {
      try {
        if (this.selectionList.length === 0) return ElMessage.warning('请勾选需要打印的零担订单');

        let _ids = '';
        for (let i = 0; i < this.selectionList.length; i++) {
          const val = this.selectionList[i];
          _ids += i === this.selectionList.length - 1 ? val.id : val.id + ',';

          if (Number(val.isZero) === 1) continue;
          return ElMessage.warning('仅支持零担订单的批量查看二维码');
        }

        this.loadingObj.pageLoading = true;
        const res = await postShowOrderCode({ ids: _ids });

        const { code, data } = res.data;
        if (code !== 200) return;

        this.html = this.getHtmls(data.dataList, data.templateHtml);
        this.popUpShow.printVisited = true;
      } catch (error) {
        console.log('error :>> ', error);
      } finally {
        this.loadingObj.pageLoading = false;
      }
    },
    /** 查看日志 */
    handleGoLogs({ row }) {
      this.$router.push({
        path: '/distribution/inventory/delivery/orderLogs',
        query: {
          name: `${row.orderCode} - 日志`,
          orderId: row.id,
        },
      });
    },
    /** 获取全部订单数据 */
    async getAllOrderInfo() {
      try {
        const submitData = {
          genre: 1,
          typeService: 1,
          ...this.query,
        };

        const res = await getCollectt(submitData);

        const { code, data } = res.data;
        if (code !== 200) return;
        this.totalInfo = data || {};

        if (getObjType(this.totalInfo) !== 'object') this.totalInfo = {};

        for (const key in this.totalInfo) {
          let value = this.totalInfo[key];
          const type = getObjType(value);

          console.log('type :>> ', type);

          if (type !== 'number' && type !== 'string') {
            this.totalInfo[key] = 0;
            continue;
          }

          // 转为字符串
          value += '';

          value = value.split('').reverse().join('');

          let _str = '';

          for (let i = 0; i < value.length; i++) {
            const _val = value[i];

            _str += _val;

            if ((i + 1) % 3 === 0 && i + 1 < value.length) _str += ',';
          }

          this.totalInfo[key] = _str.split('').reverse().join('');
        }
      } catch (error) {
        console.log('error :>> ', error);
      }
    },
    handleSetRowClassName(row, rowIndex) {
      console.log('row.warehouseEntryTime :>> ', row.warehouseEntryTime);
      if (!row.warehouseEntryTime) return 'timeOut';

      // 设置预警 -- 以入库时间为基准, 24小时后为超期, 临近2小时为临期

      // 当前时间 - 入库时间
      const time = Date.now() - new Date(row.warehouseEntryTime).getTime();
      // 预警时间
      const WarningTime = 1000 * 60 * 60 * (24 * 2 - 2);

      // 超时
      const timeOut = 1000 * 60 * 60 * 24 * 2;

      if (time > timeOut) return 'timeOut';
      else if (time > WarningTime && time < timeOut) return 'WarningTime';
    },
  },
};
</script>
<style scoped lang="scss">
.el-button--text {
  margin-right: 15px;
}

.el-select {
  width: 300px;
}

.el-input {
  width: 300px;
}

.dialog-footer button:first-child {
  margin-right: 10px;
}

.el-fr {
  width: 100%;
  display: flex;
  justify-content: space-between;

  .asterisk-left:last-child {
    margin-right: 0;
  }
}

.el-input {
  margin-left: 8px;
}

:deep(.el-form-item__content) {
  margin-left: 8px;
}

.el-times {
  width: auto;

  :deep(.el-tooltip__trigger) {
    height: 30px !important;
  }
}

:deep(.el-form-item__label) {
  padding: 0;
}

:deep(.avue-crud) {
  display: flex;
  height: 100%;
  flex-direction: column;
}

:deep(.el-card__body) {
  height: 100%;
}

:deep(.el-card) {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.el-fy {
  flex: 1;
  display: flex;
  align-items: flex-end;
}

// 统计
.totalContainer {
  text-align: center;
  font-weight: bold;

  .title {
    font-size: 0.9rem;
  }

  .value {
    transition: all 1.5s;
    font-size: 1rem;
    color: #009688;
  }
}
.el_textBtn {
  font-weight: bold;
}
</style>