ECS5 / ECS5.0Web · Files

<template>
  <div class="app-container">

    <div class="app-container-father">
      <div class="dv-container-left">
        <div class="dv-container-left-component">
          <div class="component-left">任务号：</div>
          <div class="component-right">

            <el-input v-model="queryConfig.taskNo" />

          </div>
        </div>

        <div class="dv-container-left-component">

          <div class="component-left">关联任务号：</div>

          <div class="component-right">

            <el-input v-model="queryConfig.linkTaskId" />

          </div>
        </div>

        <div class="dv-container-left-component">
          <div class="component-left">容器号：</div>
          <div class="component-right">

            <el-input v-model="queryConfig.containerCode" />
          </div>
        </div>

        <div class="dv-container-left-component">
          <div class="component-left">CRGV名：</div>
          <div class="component-right">
            <el-input v-model="queryConfig.rgvCode" />

          </div>
        </div>

        <div class="dv-container-left-component">
          <div class="component-left">起点：</div>
          <div class="component-right">
            <el-input v-model="queryConfig.from" />
          </div>
        </div>

        <div class="dv-container-left-component">
          <div class="component-left">终点：</div>
          <div class="component-right">
            <el-input v-model="queryConfig.to" />
          </div>
        </div>

        <div class="dv-container-left-component">
          <div class="component-left">任务状态：</div>
          <div class="component-right">

            <el-select v-model="queryConfig.status" placeholder="请选择">

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

        <div class="dv-container-left-component">
          <div class="component-left">开始时间：</div>
          <div class="component-right">
            <el-date-picker
              v-model="form.startTime"
              type="datetime"
              placeholder="选择日期时间"
            />
          </div>
        </div>

        <div class="dv-container-left-component">
          <div class="component-left">结束时间：</div>
          <div class="component-right">
            <el-date-picker
              v-model="form.endTime"
              type="datetime"
              placeholder="选择日期时间"
            />
          </div>
        </div>
        <!-- button -->
        <div class="button-container">
          <el-button class="T1" @click="btnAction()">查询</el-button>
          <el-button class="T1" @click="btnAdd()">新增</el-button>

          <el-button class="T1" @click="deleteData()">删除</el-button>

        </div>
        <div class="button-container">

          <!-- <el-button class="T1" @click="issued()">下发</el-button> -->

          <!-- <el-button class="T1" @click="ExportList()">导出</el-button> -->

        </div>
        <div class="button-containerTwo">
          <el-button class="T1" type="danger" @click="forceComplete()"
            >强制完成</el-button
          >

          <el-button class="T1" type="warning" @click="maintenance()"
            >维护</el-button
          >

        </div>
      </div>
      <div class="dv-container-right">
        <el-table
          v-loading="listLoading"
          :data="sysTable"
          element-loading-text="Loading"
          border
          fit
          height="700"
          @selection-change="handleSelectionChange"
        >
          <el-table-column type="selection" align="center" width="55">
          </el-table-column>

          <el-table-column align="center" label="内部任务号" width="100">

            <template slot-scope="scope">
              {{ scope.row.id }}
            </template>
          </el-table-column>

          <el-table-column label="远程前置任务号" width="120">

            <template slot-scope="scope">

              {{ scope.row.preTaskId }}

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

          <el-table-column label="关联主任务" width="100">

            <template slot-scope="scope">

              {{ scope.row.linkTaskId }}

            </template>
          </el-table-column>
          <el-table-column label="容器号">
            <template slot-scope="scope">

              {{ scope.row.containerCode }}

            </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.tos }}

            </template>
          </el-table-column>
          <el-table-column label="途径点">
            <template slot-scope="scope">

              {{ scope.row.relay }}

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

          <el-table-column label="标记线体">

            <template slot-scope="scope">

              {{ scope.row.lineId }}

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

          <el-table-column label="货叉标志">

            <template slot-scope="scope">

              {{ scope.row.forkFlag }}

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

          <el-table-column label="提交标识">

            <template slot-scope="scope">

              {{ scope.row.commitFlag }}

            </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.reqLength }}

            </template>
          </el-table-column>
          <el-table-column label="宽">
            <template slot-scope="scope">

              {{ scope.row.reqWidth }}

            </template>
          </el-table-column>
          <el-table-column label="高">
            <template slot-scope="scope">

              {{ scope.row.reqHeight }}

            </template>
          </el-table-column>
          <el-table-column label="重">
            <template slot-scope="scope">

              {{ scope.row.reqWeight }}

            </template>
          </el-table-column>
          <el-table-column label="货物类型">
            <template slot-scope="scope">
              {{ scope.row.goodsType }}
            </template>
          </el-table-column>

          <el-table-column label="开始执行时间" width="160">

            <template slot-scope="scope">

              {{ scope.row.beginTime }}

            </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
            background
            layout="prev, pager, next"
            :current-page="queryConfig.currentPage"
            :page-size="queryConfig.pageSize"
            :total="total"
            @current-change="handleCurrentChange"

          >
          </el-pagination>

        </div>
      </div>

      <!-- 新增弹框 -->

      <el-dialog title="CRGV任新增" :visible.sync="dialogFormVisible">

        <div class="container">
          <div class="box">

            <div class="inner-left">关联主任务：</div>
            <div class="inner-right">

              <el-input v-model="elAddDialog.linkTaskId" />

            </div>
          </div>
          <div class="box">
            <div class="inner-left">前置CRGV任务：</div>
            <div class="inner-right">

              <el-input v-model="elAddDialog.preTaskId" />

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

            <div class="inner-left">任务类型：</div>
            <div class="inner-right">

              <el-select v-model="elAddDialog.type" placeholder="请选择">

                <el-option

                  v-for="item in optionsAddType"

                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </div>
          </div>
          <div class="box">

            <div class="inner-left">执行CRGV：</div>

            <div class="inner-right">

              <el-input v-model="elAddDialog.rgvCode" />

            </div>
          </div>
          <div class="box">
            <div class="inner-left">容器号：</div>
            <div class="inner-right">

              <el-input v-model="elAddDialog.containerCode" />

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

            <div class="inner-left">标记线体：</div>

            <div class="inner-right">

              <el-select v-model="elAddDialog.line" placeholder="请选择">

                <el-option

                  v-for="item in optionsAddLine"

                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>

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

            <div class="inner-left">起始点：</div>

            <div class="inner-right">

              <el-input v-model="elAddDialog.from" />

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

            <div class="inner-left">终点集：</div>

            <div class="inner-right">

              <el-select v-model="elAddDialog.tos" placeholder="请选择">
                <el-option
                  v-for="item in optionsAddTos"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>

            </div>
          </div>
          <div class="box">
            <div class="inner-left">货物类型：</div>
            <div class="inner-right">

              <el-input v-model="elAddDialog.goodsType" />

            </div>
          </div>
          <div class="box">
            <div class="inner-left">优先级：</div>
            <div class="inner-right">

              <el-input v-model="elAddDialog.priority" />

            </div>
          </div>
          <div class="box">
            <div class="inner-left">长：</div>
            <div class="inner-right">

              <el-input v-model="elAddDialog.reqLength" />

            </div>
          </div>
          <div class="box">
            <div class="inner-left">宽：</div>
            <div class="inner-right">

              <el-input v-model="elAddDialog.reqWidth" />

            </div>
          </div>
          <div class="box">
            <div class="inner-left">高：</div>
            <div class="inner-right">

              <el-input v-model="elAddDialog.reqHeight" />

            </div>
          </div>
          <div class="box">
            <div class="inner-left">重：</div>
            <div class="inner-right">

              <el-input v-model="elAddDialog.reqWeight" />

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

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

          <el-button @click="dialogFormVisible = false">取 消</el-button>
        </div>
      </el-dialog>

      <el-dialog title="CRGV任务维护" :visible.sync="dialogFormVisibleTwo">
        <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 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.linkTaskId" />

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

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

                  </div>
                </div>
                <div class="inner-inner-box2">
                  <div class="dv-maintenance-text">前置CRGV任务：</div>
                  <div class="dv-maintenance-text2">

                    <el-input v-model="elMaintenance.preTaskId" />

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

                    <el-button class="T1" @click="preTaskEdit()"
                      >修改</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" />
                  </div>
                  <div class="dv-maintenance-text3">

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

                  </div>
                </div>
                <div class="inner-inner-box2">
                  <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="statusEdit()">修改</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" />

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

                    <el-button class="T1" @click="fromEdit()">修改</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" />

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

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

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

                    <el-select
                      v-model="elMaintenance.tos"
                      multiple
                      placeholder="请选择"
                    >

                      <el-option

                        v-for="item in optionsTos"

                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select>
                  </div>
                  <div class="dv-maintenance-text3">

                    <el-button class="T1" @click="tosEdit()">修改</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.lineId" />

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

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

                  </div>
                </div>
                <div class="inner-inner-box2">
                  <div class="dv-maintenance-text">当前货叉：</div>
                  <div class="dv-maintenance-text2">
                    <el-select

                      v-model="elMaintenance.forkFlag"

                      placeholder="请选择"
                    >
                      <el-option

                        v-for="item in optionsForkFlag"

                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      />
                    </el-select>
                  </div>
                  <div class="dv-maintenance-text3">

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

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

                      v-model="elMaintenance.commitFlag"

                      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="commitFlagEdit()"
                      >修改</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.reqLength" />

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

                  <el-button class="T1" @click="lengthEdit()">修改</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.reqWidth" />

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

                  <el-button class="T1" @click="widthEdit()">修改</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.reqHeight" />

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

                  <el-button class="T1" @click="heightEdit()">修改</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.reqWeight" />

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

                  <el-button class="T1" @click="weightEdit()">修改</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" />
              </div>
              <div class="dv-maintenance-text3">

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

              </div>
            </div>
          </div>
        </div>
        <div slot="footer" class="dialog-footer">
          <!-- <el-button type="primary" @click="dialogFormVisibleTwo = false"
                >创 建</el-button
              > -->

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

        </div>
      </el-dialog>

    </div>

  </div>
</template>

<script>

import {
  GetCRGVTasks,
  getHostType,
  CreateCRGVTask,
  GetCRGVTaskById,

  DeleteCRGVTaskByIds,
  CompleteCRGVTask,
  CRGVLinkTaskIdEdit,
  CRGVPreTaskIdEdit,
  CRGVPriorityEdit,
  CRGVStatusEdit,
  CRGVFromEdit,
  CRGVToEdit,
  TosEdit,
  CRGVLineIdEdit,
  CRGVForkFlagEdit,
  CRGVCommitEdit,
  CRGVLengthEdit,
  CRGVWidthEditk,
  CRGVHeightEdit,
  CRGVWeightEdit,
  CRGVGoodsTypeEdit,

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

export default {
  data() {
    return {

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

        pageSize: 10,
        taskNo: "",
        linkTaskId: "",

        from: "",
        to: "",

        rgvCode: "",
        containerCode: "",
        status: "",

      },

      //新增参数
      elAddDialog: {

        preTaskId: 0, //前置
        linkTaskId: "", //关联
        type: 0, //任务类型
        priority: 0, //优先级
        from: 0, //起点
        line: "", //线
        tos: "", //终点集
        rgvCode: "", //执行CRGV
        containerCode: "", //容器号
        goodsType: "", //货物类型
        reqHeight: 0, //高
        reqWidth: 0, //宽
        reqLength: 0, //长
        reqWeight: 0, //重

      },

      //维护弹出层条件
      elMaintenance: {},

      total: 0,
      listLoading: false,
      dialogFormVisible: false,

      dialogFormVisibleTwo: false,

      name: "",
      options: [
        {
          value: "",
          label: "全部",
        },
      ],

      optionsAddType: [], //类型
      optionsAddLine: [], //线体
      optionsAddTos: [], //终点集

      optionsStatus: [], //维护任务状态

      optionsTos: [], //维护终点集
      optionsForkFlag: [], //当前货叉
      optionsCommitd: [], //任务回传

      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: [],

      maintenanceID: null,
      typeData: [
        { code: "In", name: "入库" },
        { code: "Out", name: "出库" },
        { code: "InStore", name: "库内" },
      ],

      userCode: "",

    };

  },
  created() {

    this.fetchData("CRGVTaskStatus");

    this.btnAction();

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

  },
  methods: {

    //回传
    getOne(data) {
      this.optionsStatus = [];

      this.optionsTos = [];
      this.optionsForkFlag = [];
      this.optionsCommitd = [];

      let params = { Code: data };
      getHostType(params).then((response) => {
        response.data.dictDetails.forEach((x) => {

          if (data == "CRGVTaskStatus") {

            this.optionsStatus.push({ value: x.code, label: x.name });

            if (this.optionsStatus.length > 0) {
              this.elMaintenance.status = this.optionsStatus[0].value;
            }

          }

          //终点集
          else if (data == "CRGVAllTo") {
            this.optionsTos.push({ value: x.code, label: x.name });
          }
          //当前货叉
          else if (data == "ForkFlags") {
            this.optionsForkFlag.push({ value: x.code, label: x.name });
          }
          //任务回传
          else if (data == "CommitFlags") {
            this.optionsCommitd.push({ value: x.code, label: x.name });
          }

        });
      });
    },

    btnAction() {
      this.getTableList();
    },

    //新增按钮

    btnAdd() {

      this.optionsAddType = [];
      this.optionsAddLine = [];
      this.optionsAddTos = [];

      this.fetchData("CRGVTaskType");
      this.fetchData("CRGVLine");
      this.fetchData("CRGVAllTo");

      this.dialogFormVisible = true;
    },

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

      CreateCRGVTask(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);
        });

        DeleteCRGVTaskByIds(prams).then((response) => {

          if (response.code == "Success") {
            this.getTableList();
            this.$message({
              message: response.msg,
              type: "success",
            });
          }
        });
      }
    },
    //下发按钮
    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.$message({
              message: response.msg,
              type: "success",
            });
          }
        });
      }
    },
    //导出按钮
    ExportList() {
      const params = {
        pageNumber: this.queryConfig.currentPage,
        perPageCount: this.queryConfig.pageSize,
        queryConfig: {
          taskNo: "",
          remoteTask: "",
          barcode: "",
          from: "",
          to: "",
          taskStatus: "",
          begin: this.form.startTime,
          end: this.form.endTime,
        },
      };
      this.listLoading = true;
      ExportMTask(params).then((response) => {
        this.listLoading = false;
      });
    },
    //获取表格行数据

    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    // 状态数据

    fetchData(data, key) {
      let params = {
        Code: data,

      };
      getHostType(params).then((response) => {
        response.data.dictDetails.forEach((x) => {

          //任务类型
          if (data == "CRGVTaskType") {
            this.optionsAddType.push({ value: x.code, label: x.name });
            if (this.optionsAddType.length > 0) {
              this.elAddDialog.type = this.optionsAddType[0].value;

            }

            //任务状态
          } else if (data == "CRGVTaskStatus") {

            this.options.push({ value: x.code, label: x.name });

          }
          //线体标记
          else if (data == "CRGVLine") {
            this.optionsAddLine.push({ value: x.code, label: x.name });
            if (this.optionsAddLine.length > 0) {
              this.elAddDialog.line = this.optionsAddLine[0].value;

            }
          }

          //终点集
          else if (data == "CRGVAllTo") {
            this.optionsAddTos.push({ value: x.code, label: x.name });
          }

        });

      });
    },

    // 表格数据
    getTableList() {
      const params = {
        pageNumber: this.queryConfig.currentPage,
        perPageCount: this.queryConfig.pageSize,
        queryConfig: {

          taskNo: this.queryConfig.taskNo,
          linkTaskId: this.queryConfig.linkTaskId,
          from: this.queryConfig.from,
          to: this.queryConfig.to,
          rgvCode: this.queryConfig.rgvCode,
          containerCode: this.queryConfig.containerCode,
          status: this.queryConfig.status,

          begin: this.form.startTime,
          end: this.form.endTime,
        },
      };

      this.listLoading = true;
      GetCRGVTasks(params).then((response) => {

        this.total = response.data.totalCount;

        response.data.data.forEach((x) => {
          switch (x.status) {
            case 0:
              x.status = "任务创建";
              break;
            case 40:
              x.status = "下发移动";
              break;
            case 100:
              x.status = "任务完成";
              break;
            default:
              break;
          }
          switch (x.type) {
            case 0:
              x.type = "行走";
              break;
            case 1:
              x.type = "取放";
              break;
            default:
              break;
          }

          switch (x.commitFlag) {
            case 0:
              x.commitFlag = "未提交";
              break;
            case 1:
              x.commitFlag = "已提交";
              break;
            case 2:
              x.commitFlag = "无需提交";
              break;
            case 3:
              x.commitFlag = "提交失败";
              break;
            default:
              break;
          }

        });

        this.sysTable = response.data.data;

        this.listLoading = false;

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

        let prams = {
          id: this.multipleSelection[0].id,
        };

        CompleteCRGVTask(prams).then((response) => {

          if (response.code == "Success") {
            this.getTableList();

            this.$message({

              message: response.msg,
              type: "success",

            });

          }

        });

      } else {
        this.elAlert();

      }
    },

    //   维护按钮
    maintenance() {

      if (this.multipleSelection.length == 1) {
        this.getOne("CRGVTaskStatus");

        this.getOne("CRGVAllTo");
        this.getOne("ForkFlags");
        this.getOne("CommitFlags");

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

            if (response.data.tos == "") {
              response.data.tos = [];
            } else {

              response.data.tos = response.data.tos
                .split(", ")
                .map((item) => item.trim());

            }

            switch (response.data.forkFlag) {
              case 0:
                response.data.forkFlag = "None";
                break;
              case 1:
                response.data.forkFlag = "Fork1";
                break;
              case 2:
                response.data.forkFlag = "Fork2";
                break;
              case 3:
                response.data.forkFlag = "Fork12";
                break;
              default:
                break;
            }
            switch (response.data.commitFlag) {
              case 0:
                response.data.commitFlag = "Uncommited";
                break;
              case 1:
                response.data.commitFlag = "Commited";
                break;
              case 2:
                response.data.commitFlag = "UnNeedCommit";
                break;
              case 3:
                response.data.commitFlag = "CommitFailure";
                break;
              default:
                break;
            }
            switch (response.data.status) {
              case 0:
                response.data.status = "Create";
                break;
              case 40:
                response.data.status = "SendTransfer";
                break;
              case 100:
                response.data.status = "Done";
                break;
              default:
                break;
            }

            this.elMaintenance = response.data;
            this.dialogFormVisibleTwo = true;
          }
        });
      } else {
        this.elAlert();
      }

    },

    handleCurrentChange(page) {
      this.queryConfig.currentPage = page;
      this.getTableList();
    },

    elAlert() {
      this.$alert("请选择一条数据！", "标题名称", {
        confirmButtonText: "确定",
      });
    },
    reset() {

      this.maintenance();

    },

    close() {
      this.getTableList();
      this.dialogFormVisibleTwo = false;
    },
    //关联任务
    linkTaskEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.linkTaskId,
        userCode: this.userCode,
      };
      CRGVLinkTaskIdEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //前置任务
    preTaskEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.preTaskId,
        userCode: this.userCode,
      };
      CRGVPreTaskIdEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //优先级
    priorityEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.priority,
        userCode: this.userCode,
      };
      CRGVPriorityEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //任务状态
    statusEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.status,
        userCode: this.userCode,
      };
      CRGVStatusEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //起始点
    fromEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.from,
        userCode: this.userCode,
      };
      CRGVFromEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //终点
    toEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.to,
        userCode: this.userCode,
      };
      CRGVToEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //终点集
    tosEdit() {
      let lst = this.elMaintenance.tos,
        result = lst.join(", ");
      let prams = {
        id: this.multipleSelection[0].id,
        data: result,
        userCode: this.userCode,
      };
      TosEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //标记线体
    lineEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.lineId,
        userCode: this.userCode,
      };
      CRGVLineIdEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //当前货叉
    forkFlagEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.forkFlag,
        userCode: this.userCode,
      };
      CRGVForkFlagEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //任务回传
    commitFlagEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.commitFlag,
        userCode: this.userCode,
      };
      CRGVCommitEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //长
    lengthEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.reqLength,
        userCode: this.userCode,
      };
      CRGVLengthEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //宽
    widthEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.reqWidth,
        userCode: this.userCode,
      };
      CRGVWidthEditk(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //高
    heightEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.reqHeight,
        userCode: this.userCode,
      };
      CRGVHeightEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //重
    weightEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.reqWeight,
        userCode: this.userCode,
      };
      CRGVWeightEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    //物料类型
    goodsTypeEdit() {
      let prams = {
        id: this.multipleSelection[0].id,
        data: this.elMaintenance.goodsType,
        userCode: this.userCode,
      };
      CRGVGoodsTypeEdit(prams).then((response) => {
        if (response.code == "Success") {
          this.messge(response);
        }
      });
    },
    messge(response) {
      this.$message({
        message: response.msg,
        type: "success",
      });

    },

  },
};

</script>

<style lang="scss">

.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-component {
      width: 100%;
      display: flex;
      .component-left {
        width: 40%;
        height: 60px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }
      .component-right {
        width: 57%;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
    .button-container {
      width: 90%;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      .T1 {
        width: 88px;
        margin-top: 10px;
        border: 1px solid #b3d8ff;
      }
    }
    .button-containerTwo {
      width: 90%;
      margin: 20px auto;
      display: flex;
      justify-content: center;
      align-items: center;
      .T1 {
        width: 50%;
        font-size: 16px;
        margin-top: 10px;
      }
    }
  }
  .dv-container-right {
    width: 79%;
    height: 88vh;
    margin-left: 1%;
    .pagination-container {
      text-align: center; /* 使分页组件靠右 */
      margin-top: 20px; /* 添加顶部间距 */
    }
  }
  .container {
    width: 100%; /* 大 div 宽度 */
    display: flex; /* 使用 Flexbox 布局 */
    flex-wrap: wrap; /* 允许换行 */
    padding: 10px; /* 内边距 */
    box-sizing: border-box; /* 包含内边距在内 */
  }
  .box {
    width: 50%; /* 小 div 宽度为 50% */
    height: 50px; /* 小 div 高度 */
    margin: 5px 0; /* 上下外边距 */
    display: flex; /* 嵌套使用 Flexbox */
  }
  .inner-left {
    width: 40%; /* 内部左侧 div 宽度为 50% */
    height: 100%; /* 高度为 100% */
    display: flex; /* 使用 Flexbox */
    justify-content: flex-end; /* 内容靠右 */
    align-items: center; /* 垂直居中 */
    padding-right: 5px; /* 右侧内边距 */
  }
  .inner-right {
    width: 50%; /* 内部右侧 div 宽度为 50% */
    height: 100%; /* 高度为 100% */
    display: flex; /* 使用 Flexbox */
    justify-content: flex-start; /* 内容靠左 */
    align-items: center; /* 垂直居中 */
    padding-left: 5px; /* 左侧内边距 */
  }

  .containerTwo {
    width: 100%;
    border: 1px solid #ccc; /* 大 div 的边框 */
    overflow: auto;
    margin-top: -30px;
    .T1 {
      width: 88px;
      //   margin-top: 10px;
      border: 1px solid #b3d8ff;
    }
    .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: 130px; /* 第二个子 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%;
    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;
  }

}
</style>