ECS5 / ECS5.0Web · Files

<template>
  <div class="app-container">
    <div class="app-container-father">
      <div class="dv-container-left">

        <el-form
          ref="form"
          :model="form"

          label-width="90px"
          style="width: 90%; margin-top: 20px"

        >

          <el-form-item :label="$t('taskManage.taskNumber')">

            <el-input
              v-model="queryConfig.taskNumber"

              :placeholder="
                $t('taskManage.PleaseEnter') + $t('taskManage.taskNumber')
              "

            ></el-input>

          </el-form-item>

          <el-form-item :label="$t('taskManage.remoteTask')">

            <el-input
              v-model="queryConfig.remoteTask"

              :placeholder="
                $t('taskManage.PleaseEnter') + $t('taskManage.remoteTask')
              "

            ></el-input>

          </el-form-item>

          <el-form-item :label="$t('taskManage.container')">

            <el-input
              v-model="queryConfig.barcode"

              :placeholder="
                $t('taskManage.PleaseEnter') + $t('taskManage.container')
              "

            ></el-input>

          </el-form-item>

          <el-form-item :label="$t('taskManage.form')">

            <el-input
              v-model="queryConfig.from"

              :placeholder="
                $t('taskManage.PleaseEnter') + $t('taskManage.form')
              "

            ></el-input>

          </el-form-item>

          <el-form-item :label="$t('taskManage.to')">

            <el-input
              v-model="queryConfig.to"

              :placeholder="$t('taskManage.PleaseEnter') + $t('taskManage.to')"

            ></el-input>

          </el-form-item>

          <el-form-item :label="$t('taskManage.status')">
            <el-select
              v-model="value"
              :placeholder="
                $t('taskManage.PleaseSelect') + $t('taskManage.status')
              "
            >

              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"

              />

            </el-select>

          </el-form-item>

          <el-form-item :label="$t('taskManage.startTime')">

            <el-date-picker

              v-model="form.startTime"

              type="datetime"

              :placeholder="
                $t('taskManage.PleaseSelect') + $t('taskManage.startTime')
              "

              style="width: 99%"

            />

          </el-form-item>

          <el-form-item :label="$t('taskManage.endTime')">

            <el-date-picker

              v-model="form.endTime"

              type="datetime"

              :placeholder="
                $t('taskManage.PleaseSelect') + $t('taskManage.endTime')
              "

              style="width: 99%"

            />

          </el-form-item>

          <el-form-item>
            <el-row>
              <el-col :span="8">

                <el-button
                  type="primary"
                  size="small"

                  icon="el-icon-search"

                  @click="btnAction()"

                  >{{ $t("taskManage.query") }}</el-button

                >
              </el-col>
              <el-col :span="8">

                <el-button
                  type="success"
                  size="small"
                  icon="el-icon-plus"
                  @click="btnAdd()"

                  >{{ $t("taskManage.Add") }}</el-button

                >

              </el-col>
              <el-col :span="8">

                <el-button
                  type="danger"
                  size="small"
                  icon="el-icon-delete"
                  @click="deleteData()"

                  >{{ $t("taskManage.delete") }}</el-button

                >

              </el-col>
            </el-row>
          </el-form-item>
          <el-form-item>

            <el-button
              type="success"
              size="small"
              icon="el-icon-upload"
              @click="issued()"

              >{{ $t("taskManage.Issued") }}</el-button

            >

            <el-button
              class="T1"
              icon="el-icon-download"
              size="small"
              @click="ExportList()"

              >{{ $t("taskManage.export") }}</el-button

            >

          </el-form-item>
          <el-form-item>

            <el-button
              class="T1"
              size="small"
              type="danger"
              @click="forceComplete()"

              >{{ $t("taskManage.ForcedCompletion") }}</el-button

            >

            <el-button
              class="T1"
              size="small"
              type="warning"
              @click="maintenance()"

              >{{ $t("taskManage.maintenance") }}</el-button

            >
          </el-form-item>
          <el-form-item>

            <el-button class="T1" size="small" @click="logoReset()">{{
              $t("taskManage.LogoReset")
            }}</el-button>

          </el-form-item>
        </el-form>

      </div>
      <div class="dv-container-right">
        <el-table
          v-loading="listLoading"

          :data="sysTable"

          element-loading-text="Loading"
          border

          stripe
          :height="TableHeight"

          @selection-change="handleSelectionChange"

          :header-cell-style="{ color: '#000000' }"

        >

          <el-table-column type="selection" align="center" width="55">
          </el-table-column>

          <el-table-column align="center" :label="$t('taskManage.internal')">

            <template slot-scope="scope">

              {{ scope.row.id }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.remoteTask')" width="100">

            <template slot-scope="scope">

              {{ scope.row.remoteTask }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.RemotePreTask')" width="130">

            <template slot-scope="scope">

              {{ scope.row.preRemoteTask }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.container')" width="100">

            <template slot-scope="scope">

              {{ scope.row.barcode }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.TaskType')" width="100">

            <template slot-scope="scope">

              {{ scope.row.type }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.status')">

            <template slot-scope="scope">

              {{ scope.row.status }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.form')">

            <template slot-scope="scope">

              {{ scope.row.from }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.to')">

            <template slot-scope="scope">

              {{ scope.row.to }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.RoutePoint')" width="120">

            <template slot-scope="scope">

              {{ scope.row.approachPoint }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.currentNode')" width="120">

            <template slot-scope="scope">

              {{ scope.row.current }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.priority')">

            <template slot-scope="scope">

              {{ scope.row.priority }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.stage')">

            <template slot-scope="scope">

              {{ scope.row.mStage }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.TaskFeedback')" width="120">

            <template slot-scope="scope">

              {{ scope.row.commit }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.length')">

            <template slot-scope="scope">

              {{ scope.row.length }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.width')">

            <template slot-scope="scope">

              {{ scope.row.width }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.height')">

            <template slot-scope="scope">

              {{ scope.row.height }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.weight')">

            <template slot-scope="scope">

              {{ scope.row.weight }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.goodsType')" width="100">

            <template slot-scope="scope">

              {{ scope.row.goodsType }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.warehouseCode')" width="100">

            <template slot-scope="scope">

              {{ scope.row.warehouseCode }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.completeTime')" width="160">

            <template slot-scope="scope">

              {{ scope.row.completeTime }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.createdTime')" width="160">

            <template slot-scope="scope">

              {{ scope.row.created }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.founder')">

            <template slot-scope="scope">

              {{ scope.row.createdBy }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.updateTime')" width="160">

            <template slot-scope="scope">

              {{ scope.row.updated }}

            </template>
          </el-table-column>

          <el-table-column :label="$t('taskManage.UpdatePerson')">

            <template slot-scope="scope">

              {{ scope.row.updatedBy }}

            </template>
          </el-table-column>

        </el-table>

        <!-- 分页 -->
        <div class="pagination-container">
          <el-pagination

            style="margin-top: 15px"
            align="center"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"

            :current-page="queryConfig.currentPage"

            :page-sizes="[20, 50, 100]"

            :page-size="queryConfig.pageSize"

            layout="total, sizes, prev, pager, next, jumper"

            :total="total"

          />

        </div>

      </div>

      <!-- 新增弹框 -->

      <el-dialog
        title="主任务新增"
        :visible.sync="dialogFormVisible"

        width="30%"

      >

        <el-form label-width="120px">

          <el-row :gutter="20">
            <el-col :span="12">

              <el-form-item label="任务类型">
                <el-select
                  v-model="elAddDialog.type"
                  placeholder="请选择任务类型"
                >

                  <el-option
                    v-for="item in optionsAdd"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">

              <el-form-item label="优先级">
                <el-input
                  v-model="elAddDialog.priority"
                  placeholder="请选择优先级"
                />

              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">

              <el-form-item label="容器号">
                <el-input
                  v-model="elAddDialog.barcode"
                  placeholder="请选择容器号"
                />

              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="起点">

                <el-input v-model="elAddDialog.from" placeholder="请选择起点" />

              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">

              <el-form-item label="途径点">
                <el-input
                  v-model="elAddDialog.approachPoint"
                  placeholder="请选择途径点"
                />

              </el-form-item>
            </el-col>
            <el-col :span="12">

              <el-form-item label="终点">
                <el-input v-model="elAddDialog.to" placeholder="请选择终点" />

              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">

              <el-form-item label="仓库">

                <el-input
                  v-model="elAddDialog.warehouseCode"
                  :disabled="true"

                  placeholder="请选择仓库"

                />

              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label=""> </el-form-item>
            </el-col>
          </el-row>
        </el-form>

        <div slot="footer" class="dialog-footer">

          <el-button type="primary" @click="taskAdd()">创 建</el-button>

          <el-button @click="close()">取 消</el-button>

        </div>
      </el-dialog>

      <!-- 维护弹框 -->

      <el-dialog
        title="主任务维护"
        :visible.sync="dialogFormVisibleTwo"
        :showClose="false"
      >

        <div class="containerTwo">
          <div class="box1">

            <div class="dv-title" style="margin-left: 10px">

              当前任务号：{{ elMaintenance.id
              }}<el-button @click="reset()" class="T1" style="margin-left: 10px"

                >重置所有</el-button
              >
            </div>
            <div></div>

          </div>
          <div class="box2">
            <div class="small-box">

              <div class="dv-title">远程任务维护</div>

              <div class="inner-box2">
                <div class="inner-inner-box1">

                  <div class="dv-maintenance-text">远程任务号：</div>
                  <div class="dv-maintenance-text2">

                    <el-input
                      v-model="elMaintenance.remoteTask"
                      placeholder="请选择远程任务号"
                    />

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="remoteTaskModify()"
                      >修改</el-button
                    >

                  </div>
                </div>
                <div class="inner-inner-box2">

                  <div class="dv-maintenance-text">前置远程任务号：</div>
                  <div class="dv-maintenance-text2">

                    <el-input
                      v-model="elMaintenance.preRemoteTask"
                      placeholder="请选择前置远程任务号"
                    />

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="preRemoteTaskModify()"
                      >修改</el-button
                    >

                  </div>
                </div>
              </div>
            </div>
            <div class="small-box">

              <div class="dv-title">位置维护</div>

              <div class="inner-box2">
                <div class="inner-inner-box1">

                  <div class="dv-maintenance-text">起点：</div>
                  <div class="dv-maintenance-text2">

                    <el-input
                      v-model="elMaintenance.from"
                      placeholder="请选择起点"
                    />

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="formModify()">修改</el-button>

                  </div>
                </div>
                <div class="inner-inner-box2">

                  <div class="dv-maintenance-text">终点：</div>
                  <div class="dv-maintenance-text2">

                    <el-input
                      v-model="elMaintenance.to"
                      placeholder="请选择终点"
                    />

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="toModify()">修改</el-button>

                  </div>
                </div>
              </div>
            </div>
            <div class="small-box">

              <div class="dv-title">阶段维护</div>

              <div class="inner-box2">
                <div class="inner-inner-box1">

                  <div class="dv-maintenance-text">任务执行阶段：</div>
                  <div class="dv-maintenance-text2">

                    <el-select
                      v-model="elMaintenance.mStage"

                      placeholder="请选择任务执行阶段"

                    >
                      <el-option
                        v-for="item in optionsStage"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      />
                    </el-select>

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="mStageModify()"
                      >修改</el-button
                    >

                  </div>
                </div>
                <div class="inner-inner-box2"></div>
              </div>
            </div>
            <div class="small-box">

              <div class="dv-title">途径点维护</div>

              <div class="inner-box2">
                <div class="inner-inner-box1">

                  <div class="dv-maintenance-text">途径点：</div>
                  <div class="dv-maintenance-text2">

                    <el-select

                      v-model="elMaintenance.approachPoint"
                      multiple

                      placeholder="请选择途径点"

                    >
                      <el-option
                        v-for="item in optionsPick"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"

                      >
                      </el-option>

                    </el-select>

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="approachPointModify()"
                      >修改</el-button
                    >

                  </div>
                </div>
              </div>
            </div>
            <div class="small-box">

              <div class="dv-title">状态维护</div>

              <div class="inner-box2">
                <div class="inner-inner-box1">

                  <div class="dv-maintenance-text">任务状态：</div>
                  <div class="dv-maintenance-text2">

                    <el-select
                      v-model="elMaintenance.status"

                      placeholder="请选择任务状态"

                    >
                      <el-option
                        v-for="item in optionsStatus"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      />
                    </el-select>

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="statusModify()"
                      >修改</el-button
                    >

                  </div>
                </div>
              </div>
            </div>
            <div class="small-box">

              <div class="dv-title">优先级维护</div>

              <div class="inner-box2">
                <div class="inner-inner-box1">

                  <div class="dv-maintenance-text">优先级：</div>
                  <div class="dv-maintenance-text2">

                    <el-input
                      v-model="elMaintenance.priority"
                      placeholder="请选择优先级"
                    />

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="priorityModify()"
                      >修改</el-button
                    >

                  </div>
                </div>
              </div>
            </div>
            <div class="small-box">

              <div class="dv-title">当前设备维护</div>

              <div class="inner-box2">
                <div class="inner-inner-box1">

                  <div class="dv-maintenance-text">当前设备：</div>
                  <div class="dv-maintenance-text2">

                    <el-select
                      v-model="elMaintenance.current"

                      placeholder="请选择当前设备"

                    >
                      <el-option
                        v-for="item in optionsDevice"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      />
                    </el-select>

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="currentModify()"
                      >修改</el-button
                    >

                  </div>
                </div>
              </div>
            </div>
            <div class="small-box">

              <div class="dv-title">回传维护</div>

              <div class="inner-box2">
                <div class="inner-inner-box1">

                  <div class="dv-maintenance-text">任务回传：</div>
                  <div class="dv-maintenance-text2">

                    <el-select
                      v-model="elMaintenance.commit"

                      placeholder="请选择任务回传"

                    >
                      <el-option
                        v-for="item in optionsCommitd"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      />
                    </el-select>

                  </div>

                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="commitModify()"
                      >修改</el-button
                    >

                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="box3">
            <div class="dv-title">货物类别维护</div>
            <div class="dv-maintenance2">
              <div class="dv-maintenance2-left">
                <div class="dv-maintenance-text">长：</div>
                <div class="dv-maintenance-text2">

                  <el-input
                    v-model="elMaintenance.length"
                    placeholder="请选择长"
                  />

                </div>
                <div class="dv-maintenance-text3">

                  <el-button class="T1" @click="lengthModify()">修改</el-button>

                </div>
              </div>
              <div class="dv-maintenance2-right">
                <div class="dv-maintenance-text">宽：</div>
                <div class="dv-maintenance-text2">

                  <el-input
                    v-model="elMaintenance.width"
                    placeholder="请选择宽"
                  />

                </div>
                <div class="dv-maintenance-text3">

                  <el-button class="T1" @click="widthModify()">修改</el-button>

                </div>
              </div>
            </div>
            <div class="dv-maintenance3">
              <div class="dv-maintenance3-left">
                <div class="dv-maintenance-text">高：</div>
                <div class="dv-maintenance-text2">

                  <el-input
                    v-model="elMaintenance.height"
                    placeholder="请选择高"
                  />

                </div>
                <div class="dv-maintenance-text3">

                  <el-button class="T1" @click="heightModify()">修改</el-button>

                </div>
              </div>
              <div class="dv-maintenance3-right">
                <div class="dv-maintenance-text">重：</div>
                <div class="dv-maintenance-text2">

                  <el-input
                    v-model="elMaintenance.weight"
                    placeholder="请选择重"
                  />

                </div>
                <div class="dv-maintenance-text3">

                  <el-button class="T1" @click="weightModify()">修改</el-button>

                </div>
              </div>
            </div>
            <div class="dv-maintenance4">
              <div class="dv-maintenance-text">货物类型：</div>
              <div class="dv-maintenance-text2">

                <el-input
                  v-model="elMaintenance.goodsType"
                  placeholder="请选择货物类型"
                />

              </div>
              <div class="dv-maintenance-text3">

                <el-button class="T1" @click="goodsTypeModify()"
                  >修改</el-button
                >

              </div>
            </div>
          </div>

        </div>
        <div slot="footer" class="dialog-footer">

          <el-button @click="close()">取 消</el-button>

        </div>
      </el-dialog>

    </div>
  </div>
</template>

<script>

import {
  getHostType,
  getTableList,
  AddMTask,
  DeleteTaskByIds,
  SendTaskToWCS,
  CompleteTask,

  GetMTaskById,

  RemoteTaskEdit,
  PreRemoteTaskEdit,
  FromEdit,
  ToEdit,
  PriorityEdit,
  LengthEdit,
  WidthEdit,
  HeightEdit,
  WeightEdit,
  GoodsTypeEdit,
  MStageEdit,
  ApproachPointEdit,
  StatusEdit,
  CurrentEdit,
  CommitEdit,

  ResetTaskCommitFlag,

} from "@/api/taskManagement/host";

import downloadFile from "@/api/user";

export default {
  data() {
    return {

      sysTable: [],
      //   查询条件
      queryConfig: {
        currentPage: 1,

        pageSize: 20,

        taskNumber: "",
        remoteTask: "",
        barcode: "",
        from: "",
        to: "",

      },

      //新增参数
      elAddDialog: {
        remoteTask: "",
        preRemoteTask: "",

        type: "",

        from: "",

        to: "",

        approachPoint: "",

        barcode: "",
        priority: 0,

        warehouseCode: "CS0001",

        platform: "WCS",
      },

      //维护弹出层条件

      elMaintenance: {},

      total: 0,

      listLoading: false,

      dialogFormVisible: false,

      dialogFormVisibleTwo: false,
      name: "",

      options: [
        {

          value: "",
          label: "全部",
        },

      ],

      optionsAdd: [],

      optionsCommitd: [],
      optionsStatus: [],
      optionsStage: [],
      optionsDevice: [],
      optionsPick: [],

      value: "",

      form: {
        startTime: this.$moment()

          .subtract(7, "days")
          .format("YYYY-MM-DD 00:00:00"),
        endTime: this.$moment().add(1, "days").format("YYYY-MM-DD 23:59:59"),

      },

      multipleSelection: [],

      userCode: "",

      export: "http://localhost:5221/api/MTask/ExportMTask",

    };

  },
  created() {

    this.dictionary("MTaskStatus", 1);

    this.getTableList();

    this.userCode = this.$store.state.user.name;

  },

  computed: {
    TableHeight() {
      return `calc(100vh - 200px )`;
    },
  },

  methods: {

    //字典表数据
    dictionary(data, key) {

      this.optionsCommitd = [];
      this.optionsStatus = [];
      this.optionsStage = [];
      this.optionsDevice = [];
      this.optionsPick = [];

      this.optionsAdd = [];

      let params = { Code: data };
      getHostType(params).then((response) => {
        response.data.dictDetails.forEach((x) => {
          if (data == "CommitFlags") {
            this.optionsCommitd.push({ value: x.code, label: x.name });
          } else if (data == "MTaskStatus") {

            if (key == 1) {
              this.options.push({ value: x.code, label: x.name });
            } else {
              this.optionsStatus.push({ value: x.code, label: x.name });
            }

          } else if (data == "MTaskStage") {
            this.optionsStage.push({ value: x.code, label: x.name });
          } else if (data == "SRM") {
            this.optionsDevice.push({ value: x.code, label: x.name });
          } else if (data == "SRMInStation") {
            this.optionsDevice.push({ value: x.code, label: x.name });
          } else if (data == "SRMOutStation") {
            this.optionsDevice.push({ value: x.code, label: x.name });
          } else if (data == "SRMInOrOutStation") {
            this.optionsDevice.push({ value: x.code, label: x.name });
          } else if (data == "PickPort") {
            this.optionsPick.push({ value: x.code, label: x.name });
          } else if (data == "OutPort") {
            this.optionsPick.push({ value: x.code, label: x.name });

          } else if (data == "MTaskType") {
            this.optionsAdd.push({ value: x.code, label: x.name });
            if (this.optionsAdd.length > 0) {
              this.elAddDialog.type = this.optionsAdd[0].value;
            }

          }
        });
      });
    },

    //查询按钮

    btnAction() {

      this.getTableList();

    },

    //新增按钮

    btnAdd() {

      this.dictionary("MTaskType");

      this.dialogFormVisible = true;

    },

    //新增创建按钮
    taskAdd() {
      const params = this.elAddDialog;
      this.listLoading = true;

      AddMTask(params).then((response) => {
        if (response.code == "Success") {
          this.getTableList();
          this.$message({
            message: "恭喜你，这是一条成功消息",
            type: "success",
          });
        }
      });
    },
    //删除按钮
    deleteData() {
      if (this.multipleSelection.length == 0) {
        this.$alert("请选择最少一条数据！", "标题名称", {
          confirmButtonText: "确定",
        });
      } else {
        let prams = [];
        this.multipleSelection.forEach((x) => {
          prams.push(x.id);
        });
        DeleteTaskByIds(prams).then((response) => {
          if (response.code == "Success") {
            this.getTableList();

            this.messge(response);

          }
        });
      }
    },
    //下发按钮
    issued() {
      if (this.multipleSelection.length == 0) {
        this.$alert("请选择最少一条数据！", "标题名称", {
          confirmButtonText: "确定",
        });
      } else {
        let prams = [];
        this.multipleSelection.forEach((x) => {
          prams.push(x.id);
        });
        SendTaskToWCS(prams).then((response) => {
          if (response.code == "Success") {
            this.getTableList();

            this.messge(response);

          }
        });
      }
    },
    //导出按钮
    ExportList() {
      const params = {
        pageNumber: this.queryConfig.currentPage,
        perPageCount: this.queryConfig.pageSize,

        queryConfig: {
          taskNo: this.queryConfig.taskNumber,
          remoteTask: this.queryConfig.remoteTask,
          barcode: this.queryConfig.barcode,
          from: this.queryConfig.from,
          to: this.queryConfig.to,
          taskStatus: this.value,
          begin: this.form.startTime,
          end: this.form.endTime,
        },

      };

      let text = "主任务数据.xlsx";
      // 调用下载函数
      downloadFile(this.export, params, text);

    },
    //获取表格行数据

    handleSelectionChange(val) {
      this.multipleSelection = val;

    },
    // 表格数据
    getTableList() {

      const params = {

        pageNumber: this.queryConfig.currentPage,
        perPageCount: this.queryConfig.pageSize,

        queryConfig: {
          taskNo: this.queryConfig.taskNumber,
          remoteTask: this.queryConfig.remoteTask,
          barcode: this.queryConfig.barcode,
          from: this.queryConfig.from,
          to: this.queryConfig.to,
          taskStatus: this.value,
          begin: this.form.startTime,
          end: this.form.endTime,
        },

      };

      this.listLoading = true;

      getTableList(params).then((response) => {

        this.total = response.data.totalCount;

        response.data.data.forEach((x) => {
          switch (x.mStage) {
            case 0:
              x.mStage = "入库";
              break;
            case 1:
              x.mStage = "出库";
              break;
            case 2:
              x.mStage = "库内";
              break;
            default:
              break;
          }
          switch (x.type) {
            case 0:
              x.type = "入库";
              break;
            case 1:
              x.type = "出库";
              break;
            case 2:
              x.type = "移库";
              break;
            case 4:
              x.type = "换站";
              break;
            case 8:
              x.type = "分拣";
              break;
            default:
              break;
          }
          switch (x.commit) {
            case 0:
              x.commit = "未提交";
              break;
            case 1:
              x.commit = "已提交";
              break;
            case 2:
              x.commit = "无需提交";
              break;
            case 3:
              x.commit = "提交失败";
              break;
            default:
              break;
          }
          switch (x.status) {
            case 0:
              x.status = "任务创建";
              break;
            case 10:
              x.status = "任务下发";
              break;
            case 20:
              x.status = "堆垛机任务创建";
              break;
            case 30:
              x.status = "堆垛机任务完成";
              break;
            case 40:
              x.status = "响应接出口请求";
              break;
            case 50:
              x.status = "到达分拣口";
              break;
            case 60:
              x.status = "分拣回库中";
              break;
            case 70:
              x.status = "响应接入位置到达";
              break;
            case 100:
              x.status = "任务完成";
              break;
            case 130:
              x.status = "任务异常结束";
              break;
            case "UnCompleted":
              x.status = "任务未完成";
              break;
            default:
              break;
          }
        });

        this.sysTable = response.data.data;

        this.listLoading = false;

      });
    },
    // 强制完成按钮
    forceComplete() {
      if (this.multipleSelection.length == 1) {

        let prams = {
          id: this.multipleSelection[0].id,
        };
        CompleteTask(prams).then((response) => {
          if (response.code == "Success") {
            this.getTableList();