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="100px"

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

        >
          <el-form-item label="任务号：">

            <el-input
              v-model="queryConfig.taskNo"
              placeholder="请输入任务号"
            ></el-input>

          </el-form-item>
          <el-form-item label="远程任务号：">

            <el-input
              v-model="queryConfig.remoteTaskId"
              placeholder="请输入远程任务号"
            ></el-input>

          </el-form-item>
          <el-form-item label="容器号：">

            <el-input
              v-model="queryConfig.containerCode"
              placeholder="请输入容器号"
            ></el-input>

          </el-form-item>
          <el-form-item label="起点库位：">

            <el-input
              v-model="queryConfig.fromLocationCode"
              placeholder="请输入起点库位"
            ></el-input>

          </el-form-item>
          <el-form-item label="终点库位：">

            <el-input
              v-model="queryConfig.toLocationCode"
              placeholder="请输入终点库位"
            ></el-input>

          </el-form-item>
          <el-form-item label="起点站台：">

            <el-input
              v-model="queryConfig.fromStationCode"
              placeholder="请输入起点站台"
            />

          </el-form-item>
          <el-form-item label="终点站台：">

            <el-input
              v-model="queryConfig.toStationCode"
              placeholder="请输入终点站台"
            />

          </el-form-item>
          <el-form-item label="任务状态：">

            <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>

          </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"
                  size="small"
                  type="primary"
                  @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="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>

      </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="内部任务号" width="100">

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

          <el-table-column label="远程任务号" width="100">

            <template slot-scope="scope">

              {{ scope.row.remoteTaskId }}

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

          <el-table-column label="前置堆垛机任务" width="120">

            <template slot-scope="scope">

              {{ scope.row.preSRMTaskId }}

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

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

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

          <el-table-column label="终点库位">
            <template slot-scope="scope">

              {{ scope.row.toLocationCode }}

            </template>
          </el-table-column>
          <el-table-column label="起点站台">
            <template slot-scope="scope">

              {{ scope.row.fromStationCode }}

            </template>
          </el-table-column>
          <el-table-column label="终点站台">
            <template slot-scope="scope">

              {{ scope.row.toStationCode }}

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

          <el-table-column label="终点站台组" width="100">

            <template slot-scope="scope">

              {{ scope.row.toStationCodes }}

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

          <el-table-column label="巷道">

            <template slot-scope="scope">

              {{ scope.row.roadway }}

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

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

          <el-table-column label="空出标识">
            <template slot-scope="scope">

              {{ scope.row.isEmptyOut }}

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

          <el-table-column label="取货错标识" width="100">

            <template slot-scope="scope">

              {{ scope.row.isForkError }}

            </template>
          </el-table-column>
          <el-table-column label="满入标识">
            <template slot-scope="scope">

              {{ scope.row.isDoubleIn }}

            </template>
          </el-table-column>
          <el-table-column label="满入位置">
            <template slot-scope="scope">

              {{ scope.row.reToLocationCode }}

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

            </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="开始执行时间" width="160">

            <template slot-scope="scope">

              {{ scope.row.beginExecuteTime }}

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

          <el-table-column label="执行结束时间" width="160">

            <template slot-scope="scope">

              {{ scope.row.endExecuteTime }}

            </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-input
                  v-model="elAddDialog.remoteTaskId"
                  placeholder="请选择远程任务标识"
                />

              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="前置堆垛机任务：">

                <el-input
                  v-model="elAddDialog.preSRMTaskId"
                  placeholder="请选择前置堆垛机任务"
                />

              </el-form-item>
            </el-col>
          </el-row>
          <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.containerCode"
                  placeholder="请选择容器号"
                />

              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="堆垛机名：">

                <el-select
                  v-model="elAddDialog.srmCode"
                  placeholder="请选择堆垛机名"
                >

                  <el-option
                    v-for="item in optionsAddSRM"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="起点库位：">

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

              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="终点库位：">

                <el-input
                  v-model="elAddDialog.toLocationCode"
                  placeholder="请选择终点库位"
                />

              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="起点站台：">
                <el-select
                  clearable
                  v-model="elAddDialog.fromStationCode"

                  placeholder="请选择起点站台"

                >
                  <el-option
                    v-for="item in optionsAddEnter"
                    :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-select
                  clearable
                  v-model="elAddDialog.toStationCode"

                  placeholder="请选择终点站台"

                >
                  <el-option
                    v-for="item in optionsAddSRMOut"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="终点站台组：">

                <el-input
                  v-model="elAddDialog.toStationCodes"
                  placeholder="请选择终点站台组"
                />

              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="货物类型：">

                <el-input
                  v-model="elAddDialog.goodsType"
                  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.length" placeholder="请选择长" />

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

                <el-input v-model="elAddDialog.width" 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.height" placeholder="请选择高" />

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

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

              </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 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.remoteTaskId"
                      placeholder="请选择远程任务号"
                    />

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

                    <!-- <el-button class="T1">修改</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.preSRMTaskId"
                      placeholder="请选择前置堆垛机任务"
                    />

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

                    <el-button class="T1" @click="preSRMTaskEdit()"
                      >修改</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="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.fromLocationCode"
                      placeholder="请选择起点库位"
                    />

                  </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.toLocationCode"
                      placeholder="请选择终点库位"
                    />

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

                      placeholder="请选择起点站台"

                    >
                      <el-option

                        v-for="item in optionsFrom"

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

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

                      placeholder="请选择终点站台"

                    >
                      <el-option

                        v-for="item in optionsTo"

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

                    <el-button class="T1" @click="toStationEdit()"
                      >修改</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.toStationCodes"
                      placeholder="请选择终点站台组"
                    />

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

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

                      placeholder="请选择当前堆垛机"

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

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

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

            </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.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.length"
                    placeholder="请选择长"
                  />

                </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.width"
                    placeholder="请选择宽"
                  />

                </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.height"
                    placeholder="请选择高"
                  />

                </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.weight"
                    placeholder="请选择重"
                  />

                </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"
                  placeholder="请选择货物类型"
                />

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

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

            <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.isEmptyOut"
                    placeholder="请选择是否空出"
                  />

                </div>
                <div class="dv-maintenance-text3">
                  <el-button class="T1" @click="isEmptyOutEdit()"
                    >修改</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.isForkError"
                    placeholder="请选择是否取货错"
                  />

                </div>
                <div class="dv-maintenance-text3">
                  <el-button class="T1" @click="isForkErrorEdit()"
                    >修改</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.sendAgain"
                    placeholder="请选择重发标记"
                  />

                </div>
                <div class="dv-maintenance-text3">
                  <el-button class="T1" @click="sendAgainEdit()"
                    >修改</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.isDoubleIn"
                    placeholder="请选择是否满入"
                  />

                </div>
                <div class="dv-maintenance-text3">
                  <el-button class="T1" @click="isDoubleInEdit()"
                    >修改</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.reToLocationCode"
                  placeholder="请选择满入库位"
                />

              </div>
              <div class="dv-maintenance-text3">
                <el-button class="T1" @click="reToLocationEdit()"
                  >修改</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 {
  GetSRMTasks,
  getHostType,
  CreateSRMTask,

  GetSRMTaskById,
  CompleteSRMTask,
  DeleteSRMTaskByIds,

  SRMPreRemoteTaskEdit,
  SRMPriorityEdit,
  SRMStatusEdit,
  FromLocationCodeEdit,
  ToLocationCodeEdit,
  FromStationCodeEdit,
  ToStationCodeEdit,
  ToStationCodesEdit,
  SRMCodeEdit,
  ForkFlagEdit,
  SRMCommitEdit,
  SRMLengthEdit,
  SRMWidthEdit,
  SRMHeightEdit,
  SRMWeightEdit,
  SRMGoodsTypeEdit,
  IsEmptyOutEdit,
  IsForkErrorEdit,
  SendAgainEdit,
  IsDoubleInEdit,
  ReToLocationCodeEdit,

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

import downloadFile from "@/api/user";

export default {
  data() {
    return {

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

        pageSize: 10,

        taskNo: "",
        remoteTaskId: "",
        fromLocationCode: "",
        toLocationCode: "",
        fromStationCode: "",
        toStationCode: "",
        status: "",
        containerCode: "",

      },

      //新增参数
      elAddDialog: {

        remoteTaskId: "",
        preSRMTaskId: 0,
        containerCode: "",
        fromLocationCode: "",
        toLocationCode: "",
        fromStationCode: "",
        toStationCode: "",
        toStationCodes: "",

        type: "",

        priority: 0,

        srmCode: "",

        goodsType: 0,

        height: 0,
        width: 0,
        length: 0,
        weight: 0,

      },

      //维护弹出层条件

      elMaintenance: {},

      elMaintenanceTwo: {},

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

      dialogFormVisibleTwo: false,

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

      optionsAdd: [],

      optionsAddEnter: [],
      optionsAddSRM: [],
      optionsAddSRMOut: [],

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

      //维护起点站台
      optionsFrom: [],
      optionsTo: [],
      //当前堆垛机
      optionsARM: [],
      optionsFork: [],

      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: "",

      export: "http://localhost:5221/api/SRMTask/ExportSRMTask",

    };

  },
  created() {

    this.fetchData("SRMTaskStatus");

    this.btnAction();

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

  },

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

  methods: {

    //回传

    getOne(data, key) {

      this.optionsCommitd = [];

      this.optionsFrom = [];
      this.optionsTo = [];
      this.optionsARM = [];
      this.optionsFork = [];

      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 == "SRMTaskStatus") {

            this.optionsStatus.push({ value: x.code, label: x.name });
          } else if (data == "SRMInStation") {

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

          } else if (data == "SRMInOrOutStation") {

            if (key == 1) {
              this.optionsFrom.push({ value: x.code, label: x.name });
            } else {
              this.optionsTo.push({ value: x.code, label: x.name });
            }
          } else if (data == "SRMOutStation") {
            this.optionsTo.push({ value: x.code, label: x.name });
          } else if (data == "SRM") {
            this.optionsARM.push({ value: x.code, label: x.name });
          } else if (data == "ForkFlags") {
            this.optionsFork.push({ value: x.code, label: x.name });
            if (this.optionsFork.length > 0) {
              this.optionsFork.srmCode = this.optionsFork[0].value;
            }

          }
        });
      });
    },

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

    //新增按钮

    btnAdd() {

      this.optionsAdd = [];
      this.optionsAddEnter = [];
      this.optionsAddSRM = [];
      this.optionsAddSRMOut = [];
      this.fetchData("SRMTaskType", 1);
      this.fetchData("SRMInStation", 1);
      this.fetchData("SRMInOrOutStation", 1);
      this.fetchData("SRM", 1);
      this.fetchData("SRMOutStation", 1);
      this.fetchData("SRMInOrOutStation", 2);

      this.dialogFormVisible = true;
    },

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

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

        DeleteSRMTaskByIds(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: this.queryConfig.taskNo,
          remoteTaskId: this.queryConfig.remoteTaskId,
          fromLocationCode: this.queryConfig.fromLocationCode,
          toLocationCode: this.queryConfig.toLocationCode,
          fromStationCode: this.queryConfig.fromStationCode,
          toStationCode: this.queryConfig.toStationCode,
          status: this.queryConfig.status,
          containerCode: this.queryConfig.containerCode,
          begin: this.form.startTime,
          end: this.form.endTime,
        },

      };

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

    },
    //获取表格行数据

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

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

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

          if (data == "SRMTaskType") {

            this.optionsAdd.push({ value: x.code, label: x.name });
            if (this.optionsAdd.length > 0) {

              this.elAddDialog.type = this.optionsAdd[0].value;

            }

          } else if (data == "SRMTaskStatus") {

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

          } else if (data == "SRMInStation") {
            this.optionsAddEnter.push({ value: x.code, label: x.name });
          } else if (data == "SRMInOrOutStation") {
            if (key == 1) {
              this.optionsAddEnter.push({ value: x.code, label: x.name });
            } else {
              this.optionsAddSRMOut.push({ value: x.code, label: x.name });
            }
          } else if (data == "SRM") {
            this.optionsAddSRM.push({ value: x.code, label: x.name });
            if (this.optionsAddSRM.length > 0) {
              this.elAddDialog.srmCode = this.optionsAddSRM[0].value;
            }
          } else if (data == "SRMOutStation") {
            this.optionsAddSRMOut.push({ value: x.code, label: x.name });

          }

        });

      });
    },

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

        queryConfig: {
          taskNo: this.queryConfig.taskNo,
          remoteTaskId: this.queryConfig.remoteTaskId,
          fromLocationCode: this.queryConfig.fromLocationCode,
          toLocationCode: this.queryConfig.toLocationCode,
          fromStationCode: this.queryConfig.fromStationCode,
          toStationCode: this.queryConfig.toStationCode,
          status: this.queryConfig.status,
          containerCode: this.queryConfig.containerCode,
          begin: this.form.startTime,
          end: this.form.endTime,
        },

      };

      this.listLoading = true;

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

        this.total = response.data.totalCount;

        response.data.data.forEach((x) => {
          switch (x.type) {
            case 1:
              x.type = "入库";
              break;
            case 2:
              x.type = "出库";
              break;
            case 4:
              x.type = "移库";
              break;
            case 8:
              x.type = "换站";
              break;
            case 16:
              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;
          }
          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 80:
              x.status = "响应堆垛机库内放货完成";
              break;
            case 90:
              x.status = "下发堆垛机行走";
              break;
            case 91:
              x.status = "下发堆垛机入库任务";
              break;
            case 92:
              x.status = "下发堆垛机出库任务";
              break;
            case 93:
              x.status = "下发堆垛机库内移库";
              break;
            case 94:
              x.status = "下发堆垛机换站任务";
              break;
            case 100:
              x.status = "任务未完成";
              break;
            case 110:
              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,
        };

        CompleteSRMTask(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("CommitFlags");

        this.getOne("SRMTaskStatus");
        this.getOne("SRMInOrOutStation", 1);

        this.getOne("SRMInStation");
        this.getOne("SRMOutStation");

        this.getOne("SRMInOrOutStation", 2);
        this.getOne("SRM");
        this.getOne("ForkFlags");

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

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

          if (response.code == "Success") {

            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 2:
                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 10:
                response.data.status = "SendSRMInsideGet";
                break;
              case 20:
                response.data.status = "ResponseSRMInsideGetCompleted";
                break;
              case 30:
                response.data.status = "SendSRMOutsidePut";
                break;
              case 40:
                response.data.status = "ResponseSRMOutsidePutCompleted";
                break;
              case 50:
                response.data.status = "SendSRMOutsideGet";
                break;
              case 60:
                response.data.status = "ResponseSRMOutsideGetCompleted";
                break;
              case 70:
                response.data.status = "SendSRMInsidePut";
                break;
              case 80:
                response.data.status = "ResponseSRMInsidePutCompleted";
                break;
              case 90:
                response.data.status = "SendWalking";
                break;
              case 91:
                response.data.status = "SendSSRMIn";
                break;
              case 92:
                response.data.status = "SendSSRMOut";
                break;
              case 93:
                response.data.status = "SendSSRMInsideShifting";
                break;
              case 94:
                response.data.status = " SendSSRMToStation";
                break;
              case 100:
                response.data.status = "TaskCompleted";
                break;
              case 110:
                response.data.status = "TaskErrorCompleted";
                break;
              default:
                break;
            }

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

    handleSizeChange(val) {
      this.queryConfig.pageSize = val;

      this.queryConfig.currentPage = 1;