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="任务号">
            <el-input
              v-model="queryConfig.taskNumber"
              placeholder="请输入任务号"
            ></el-input>
          </el-form-item>
          <el-form-item label="远程任务号">
            <el-input
              v-model="queryConfig.remoteTask"
              placeholder="请输入远程任务号"
            ></el-input>
          </el-form-item>
          <el-form-item label="容器号">
            <el-input
              v-model="queryConfig.barcode"
              placeholder="请输入容器号"
            ></el-input>
          </el-form-item>
          <el-form-item label="起点">
            <el-input
              v-model="queryConfig.from"
              placeholder="请输入起点"
            ></el-input>
          </el-form-item>
          <el-form-item label="终点">
            <el-input
              v-model="queryConfig.to"
              placeholder="请输入终点"
            ></el-input>
          </el-form-item>
          <el-form-item label="任务状态">
            <el-select v-model="value" placeholder="请选择任务状态">
              <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="开始时间">
            <el-date-picker
              v-model="form.startTime"
              type="datetime"
              placeholder="选择日期时间"
              style="width: 99%"
            />
          </el-form-item>
          <el-form-item label="结束时间">
            <el-date-picker
              v-model="form.endTime"
              type="datetime"
              placeholder="选择日期时间"
              style="width: 99%"
            />
          </el-form-item>

          <el-form-item>
            <el-row>
              <el-col :span="8">
                <el-button
                  class="T1"
                  type="primary"
                  size="small"
                  @click="btnAction()"
                  >查询</el-button
                >
              </el-col>
              <el-col :span="8">
                <el-button class="T1" size="small" @click="btnAdd()"
                  >新增</el-button
                >
              </el-col>
              <el-col :span="8">
                <el-button class="T1" size="small" @click="deleteData()"
                  >删除</el-button
                >
              </el-col>
            </el-row>
          </el-form-item>
          <el-form-item>
            <el-button class="T1" size="small" @click="issued()"
              >下发</el-button
            >
            <el-button class="T1" size="small" @click="ExportList()"
              >导出</el-button
            >
          </el-form-item>
          <el-form-item>
            <el-button
              class="T1"
              size="small"
              type="danger"
              @click="forceComplete()"
              >强制完成</el-button
            >
            <el-button
              class="T1"
              size="small"
              type="warning"
              @click="maintenance()"
              >维护</el-button
            >
          </el-form-item>
          <el-form-item>
            <el-button class="T1" size="small" @click="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="内部ID">
            <template slot-scope="scope">
              {{ scope.row.id }}
            </template>
          </el-table-column>
          <el-table-column label="远程任务号" width="100">
            <template slot-scope="scope">
              {{ scope.row.remoteTask }}
            </template>
          </el-table-column>
          <el-table-column label="远程前置任务号" width="120">
            <template slot-scope="scope">
              {{ scope.row.preRemoteTask }}
            </template>
          </el-table-column>
          <el-table-column label="容器号">
            <template slot-scope="scope">
              {{ scope.row.barcode }}
            </template>
          </el-table-column>
          <el-table-column label="任务类型">
            <template slot-scope="scope">
              {{ scope.row.type }}
            </template>
          </el-table-column>
          <el-table-column label="任务状态">
            <template slot-scope="scope">
              {{ scope.row.status }}
            </template>
          </el-table-column>
          <el-table-column label="起点">
            <template slot-scope="scope">
              {{ scope.row.from }}
            </template>
          </el-table-column>
          <el-table-column label="终点">
            <template slot-scope="scope">
              {{ scope.row.to }}
            </template>
          </el-table-column>
          <el-table-column label="途径点">
            <template slot-scope="scope">
              {{ scope.row.approachPoint }}
            </template>
          </el-table-column>
          <el-table-column label="当前节点">
            <template slot-scope="scope">
              {{ scope.row.current }}
            </template>
          </el-table-column>
          <el-table-column label="优先级">
            <template slot-scope="scope">
              {{ scope.row.priority }}
            </template>
          </el-table-column>
          <el-table-column label="阶段">
            <template slot-scope="scope">
              {{ scope.row.mStage }}
            </template>
          </el-table-column>
          <el-table-column label="任务回传">
            <template slot-scope="scope">
              {{ scope.row.commit }}
            </template>
          </el-table-column>
          <el-table-column label="长">
            <template slot-scope="scope">
              {{ scope.row.length }}
            </template>
          </el-table-column>
          <el-table-column label="宽">
            <template slot-scope="scope">
              {{ scope.row.width }}
            </template>
          </el-table-column>
          <el-table-column label="高">
            <template slot-scope="scope">
              {{ scope.row.height }}
            </template>
          </el-table-column>
          <el-table-column label="重">
            <template slot-scope="scope">
              {{ scope.row.weight }}
            </template>
          </el-table-column>
          <el-table-column label="货物类型">
            <template slot-scope="scope">
              {{ scope.row.goodsType }}
            </template>
          </el-table-column>
          <el-table-column label="仓库">
            <template slot-scope="scope">
              {{ scope.row.warehouseCode }}
            </template>
          </el-table-column>
          <el-table-column label="完成时间" width="160">
            <template slot-scope="scope">
              {{ scope.row.completeTime }}
            </template>
          </el-table-column>
          <el-table-column label="创建时间" width="160">
            <template slot-scope="scope">
              {{ scope.row.created }}
            </template>
          </el-table-column>
          <el-table-column label="创建人">
            <template slot-scope="scope">
              {{ scope.row.createdBy }}
            </template>
          </el-table-column>
          <el-table-column label="更新时间" width="160">
            <template slot-scope="scope">
              {{ scope.row.updated }}
            </template>
          </el-table-column>
          <el-table-column label="更新人">
            <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 :model="formData" 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 { getRefreshToken, getToken } from "@/utils/auth";
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: "",
    };
  },
  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,
        },
      };
      fetch("http://172.16.43.251:5221/api/MTask/ExportMTask", {
        method: "POST",
        headers: {
          "Content-Type": "application/json", // 设置请求头
          Authorization: "Bearer " + getToken(),
          "x-accesstoken": getRefreshToken(),
        },
        body: JSON.stringify(params), // 将参数转为 JSON 字符串
      })
        .then((response) => {
          if (!response.ok) throw new Error("网络响应不是 OK");
          return response.blob();
        })
        .then((blob) => {
          console.log(window.URL.createObjectURL(blob), "dfdf");

          const url = window.URL.createObjectURL(blob);
          const link = document.createElement("a");
          link.href = url;

          link.setAttribute("download", "主任务数据.xlsx"); // 指定文件名
          document.body.appendChild(link);
          link.click();
          link.remove();
        })
        .catch((error) => {
          console.error("下载文件出错:", error);
        });
    },
    //获取表格行数据
    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();
            this.messge(response);
          }
        });
      } else {
        this.elAlert();
      }
    },
    //回传标志重置
    logoReset() {
      this.$alert("是否重置所有回传失败的任务标志", "标题名称", {
        confirmButtonText: "确定",
        callback: (action) => {
          let prams = {
            warehouseCode: this.elAddDialog.warehouseCode,
          };
          ResetTaskCommitFlag(prams).then((response) => {
            if (response.code == "Success") {
              this.$message({
                type: "info",
                message: `重置成功！`,
              });
            }
          });
        },
      });
    },
    // 维护按钮
    maintenance() {
      if (this.multipleSelection.length == 1) {
        this.dictionary("CommitFlags");
        this.dictionary("MTaskStatus");
        this.dictionary("MTaskStage");

        this.dictionary("SRM");
        this.dictionary("SRMInStation");
        this.dictionary("SRMOutStation");
        this.dictionary("SRMInOrOutStation");

        this.dictionary("PickPort");
        this.dictionary("OutPort");
        let params = {
          id: this.multipleSelection[0].id,
        };
        GetMTaskById(params).then((response) => {
          if (response.code == "Success") {
            if (
              response.data.approachPoint == "" ||
              response.data.approachPoint == null
            ) {
              response.data.approachPoint = [];
            } else {
              response.data.approachPoint = response.data.approachPoint
                .split(", ")
                .map((item) => item.trim());
            }

            switch (response.data.mStage) {
              case 0:
                response.data.mStage = "In";
                break;
              case 1:
                response.data.mStage = "Out";
                break;
              case 2:
                response.data.mStage = "InStore";
                break;
              default:
                break;
            }
            switch (response.data.commit) {
              case 0:
                response.data.commit = "Uncommited";
                break;
              case 1:
                response.data.commit = "Commited";
                break;
              case 2:
                response.data.commit = "UnNeedCommit";
                break;
              case 3:
                response.data.commit = "CommitFailure";
                break;
              default:
                break;
            }
            switch (response.data.status) {
              case 0:
                response.data.status = "Create";
                break;
              case 10:
                response.data.status = "TaskSend";
                break;
              case 20:
                response.data.status = "SRMTaskCreated";
                break;
              case 30:
                response.data.status = "SRMTaskCompleted";
                break;
              case 40:
                response.data.status = "OutStationRequest";
                break;
              case 50:
                response.data.status = "ArrivePickStation";
                break;
              case 60:
                response.data.status = "PickStationToStore";
                break;
              case 70:
                response.data.status = "InStationArrived";
                break;
              case 100:
                response.data.status = "TaskCompleted";
                break;
              case 130:
                response.data.status = "TaskErrorCompleted";
                break;
              case "UnCompleted":
                response.data.status = "UnCompleted";
                break;
              default:
                break;
            }
            this.elMaintenance = response.data;
            this.dialogFormVisibleTwo = true;
          }
        });
      } else {
        this.elAlert();
      }
    },
    //分页
    handleSizeChange(val) {
      this.queryConfig.pageSize = val;
      this.queryConfig.currentPage = 1;
      this.getTableList();
    },

    handleCurrentChange(val) {
      this.queryConfig.currentPage = val;
      this.getTableList();
    },
    //提示数据
    elAlert() {
      this.$alert("请选择一条数据！", "标题名称", {
        confirmButtonText: "确定",
      });
    },
    //维护重置
    reset() {
      this.maintenance();
    },
    //远程任务号
    remoteTaskModify() {
      let prams = this.pramsData(this.elMaintenance.remoteTask, 0);
      RemoteTaskEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //前置远程任务号
    preRemoteTaskModify() {
      let prams = this.pramsData(this.elMaintenance.preRemoteTask, 0);
      PreRemoteTaskEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //起点
    formModify() {
      let prams = this.pramsData(this.elMaintenance.from, 0);
      FromEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //终点
    toModify() {
      let prams = this.pramsData(this.elMaintenance.to, 0);
      ToEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //优先级
    priorityModify() {
      let prams = this.pramsData(this.elMaintenance.priority, 0);
      PriorityEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //长
    lengthModify() {
      let prams = this.pramsData(this.elMaintenance.length, 0);
      LengthEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //宽
    widthModify() {
      let prams = this.pramsData(this.elMaintenance.width, 0);
      WidthEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //高
    heightModify() {
      let prams = this.pramsData(this.elMaintenance.height, 0);
      HeightEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //重
    weightModify() {
      let prams = this.pramsData(this.elMaintenance.weight, 0);
      WeightEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //货物类型
    goodsTypeModify() {
      let prams = this.pramsData(this.elMaintenance.goodsType, 0);
      GoodsTypeEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //阶段
    mStageModify() {
      let prams = this.pramsData(this.elMaintenance.mStage, 0);
      MStageEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //途径点
    approachPointModify() {
      let prams = this.pramsData(this.elMaintenance.approachPoint, 1);
      ApproachPointEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //任务状态
    statusModify() {
      let prams = this.pramsData(this.elMaintenance.status, 0);
      StatusEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //当前设备
    currentModify() {
      let prams = this.pramsData(this.elMaintenance.current, 0);
      console.log(prams, "prams");
      CurrentEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //任务回传
    commitModify() {
      let prams = this.pramsData(this.elMaintenance.commit, 0);
      CommitEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //维护修改参数
    pramsData(data, key) {
      let item;
      if (key == 1) {
        let lst = data,
          result = lst.join(", ");
        item = {
          id: this.multipleSelection[0].id,
          data: result,
          userCode: this.userCode,
        };
      } else {
        item = {
          id: this.multipleSelection[0].id,
          data: data,
          userCode: this.userCode,
        };
      }
      return item;
    },
    messge(response) {
      this.$message({
        message: response.msg,
        type: "success",
      });
    },
    close() {
      this.getTableList();
      this.dialogFormVisible = false;
      this.dialogFormVisibleTwo = false;
    },
  },
};
</script>
<style lang="scss">
::v-deep.el-table thead {
  color: #101010;
  font-weight: 600;
}
/* 自定义滚动条样式 */
.el-table__body-wrapper {
  overflow: auto; /* 使表格内容可滚动 */
}

.el-table__body-wrapper::-webkit-scrollbar {
  height: 8px; /* 设置滚动条高度 */
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #c0c4cc; /* 滚动条颜色 */
  border-radius: 4px; /* 滚动条圆角 */
}

.el-table__body-wrapper::-webkit-scrollbar-track {
  background: #f5f7fa; /* 滚动条轨道颜色 */
}
.app-container-father {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  display: flex;
  .dv-container-left {
    width: 20%;
    // background-color: #eeeeee;
    height: 85vh;
    // border-radius: 7px;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
    overflow: auto;
  }
  /* 自定义滚动条样式 */
  .dv-container-left::-webkit-scrollbar {
    width: 8px; /* 设置滚动条的宽度 */
  }

  .dv-container-left::-webkit-scrollbar-thumb {
    background-color: #c0c4cc; /* 滚动条的颜色 */
    border-radius: 4px; /* 滚动条的圆角 */
  }

  .dv-container-left::-webkit-scrollbar-track {
    background: #f5f7fa; /* 滚动条轨道的颜色 */
  }
  .dv-container-right {
    width: 79%;
    height: 88vh;
    margin-left: 1%;
    .pagination-container {
      text-align: center; /* 使分页组件靠右 */
      margin-top: 20px; /* 添加顶部间距 */
    }
  }

  .containerTwo {
    width: 100%;
    border: 1px solid #ccc; /* 大 div 的边框 */
    overflow: auto;
    margin-top: -30px;
    .dv-title {
      height: 30px; /* 第一个子 div 的高度 */
      display: flex; /* 使用 Flexbox */
      justify-content: center; /* 水平居中 */
      align-items: center; /* 垂直居中 */
      font-weight: 700;
    }
    .dv-maintenance-text {
      width: 35%;
      height: 100%;
      display: flex;
      justify-content: flex-end; /* 内容靠右 */
      align-items: center; /* 垂直居中 */
    }
    .dv-maintenance-text2 {
      width: 35%;
      height: 100%;
      display: flex;
      justify-content: center; /* 内容靠右 */
      align-items: center; /* 垂直居中 */
    }
    .dv-maintenance-text3 {
      width: 30%;
      height: 100%;
      display: flex;
      justify-content: center; /* 内容靠右 */
      align-items: center; /* 垂直居中 */
    }
  }
  .box1 {
    width: 100%;
    height: 50px; /* 修改后的高度 */
    display: flex; /* 使用 Flexbox */
    flex-wrap: wrap; /* 超出换行 */
    align-items: center; /* 垂直居中对齐 */
  }
  .box2 {
    width: 100%;
    display: flex; /* 使用 Flexbox */
    flex-wrap: wrap; /* 超出换行 */
    align-items: center; /* 垂直居中对齐 */
    .small-box {
      width: 50%; /* 每个小 div 的宽度 */
      box-sizing: border-box; /* 包含边框和内边距 */
      border: 1px solid #ccc; /* 大 div 的边框 */
    }
    .inner-box2 {
      height: 100px; /* 第二个子 div 的高度 */
      display: flex; /* 使用 Flexbox */
      flex-direction: column; /* 垂直排列子 div */
    }
    .inner-inner-box1 {
      height: 45%; /* 第一个内层子 div 的高度 */
      display: flex; /* 使用 Flexbox */
      justify-content: center; /* 水平居中 */
      align-items: center; /* 垂直居中 */
    }
    .inner-inner-box2 {
      height: 50%; /* 第二个内层子 div 的高度 */
      display: flex; /* 使用 Flexbox */
      justify-content: center; /* 水平居中 */
      align-items: center; /* 垂直居中 */
    }
    .inner-inner-box3 {
      height: 100%; /* 第三个内层子 div 的高度 */
      display: flex; /* 使用 Flexbox */
    }
  }
  .box3 {
    width: 70%;
    height: 100px;
    margin: auto;
    .dv-maintenance1 {
      width: 100%;
      height: 30px;
      display: flex;
      justify-content: center; /* 水平居中 */
      align-items: center; /* 垂直居中 */
      border: 1px solid #ccc; /* 大 div 的边框 */
    }
    .dv-maintenance2 {
      width: 100%;
      height: 50px;
      display: flex;
      border: 1px solid #ccc; /* 大 div 的边框 */
      .dv-maintenance2-left {
        width: 50%;
        height: 100%;
        display: flex;
      }
      .dv-maintenance2-right {
        width: 50%;
        height: 100%;
        display: flex;
      }
    }
    .dv-maintenance3 {
      width: 100%;
      height: 50px;
      display: flex;
      border: 1px solid #ccc; /* 大 div 的边框 */
      .dv-maintenance3-left {
        width: 50%;
        height: 100%;
        display: flex;
      }
      .dv-maintenance3-right {
        width: 50%;
        height: 100%;
        display: flex;
      }
    }
    .dv-maintenance4 {
      width: 50%;
      height: 50px;
      margin: auto;
      display: flex; /* 使用 Flexbox */
      justify-content: center; /* 内容靠左 */
      align-items: center; /* 垂直居中对齐 */
      border: 1px solid #ccc; /* 大 div 的边框 */
    }
  }
  /* 修改复选框大小 */
  .el-table .el-checkbox {
    transform: scale(1.8) !important; /* 调整大小 */
    margin-top: 5px;
  }
  .T1 {
    border: 1px solid #b3d8ff;
  }
  .button-col {
    display: flex;
    justify-content: flex-end; /* 按钮靠右对齐 */
  }
}
</style>