LA19012_QQJF.git

<template>
  <!-- 主任务 -->
  <div id="forklifttasks" class="global-content">
    <!-- 筛选 -->
    <maintask-inquer
      byfilter="器具编号"
      :groupshow="true"
      :dele="false"
      :derive="true"
      :tasktypeshow="true"
      :taskstatushow="true"
      :priority="true"
      :filterList="filterList"
      @addmodal="addmodal"
      @derive="derive"
      @inquer="inquer"
      @precedence="precedence"
    />
    <!-- table -->
    <div class="table">
      <table-container
        :wipelist="wipelist"
        :tableHead="tableHead"
        :tableData="tableData"
        :editShow="false"
        :delShow="true"
        :currentPage="page"
        :pageSize="pageSize"
        :totle="totle"
        :naxnumShow="false"
        :operation="true"
        :selectionShow="true"
        :must-first-show="true"
        @edit="edit"
        @del="del"
        @abnormal="abnormal"
        @CurrentChange="CurrentChange"
        @SizeChange="SizeChange"
        @rowchange="rowchange"
        @handleSelectionChange="handleSelectionChange"
        @mustFirst="onMustFirst"
      />
    </div>
 
    <transition name="modal">
      <modal v-if="addmodalShow" :modabg="true" @cancel="addmodalShow = false">
        <p slot="title">任务管理-{{ title }}</p>
        <div class="height" slot="centent">
          <maintask-edit @cancel="addmodalShow = false" :rowitem="rowitem" @addsubmit="addsubmit" />
        </div>
      </modal>
    </transition>
  </div>
</template>
 
<script>
import { TableContainer, Modal } from '@/components/index';
import maintaskInquer from '../components/maintask-inquer';
import maintaskEdit from '../components/maintaskEdit';
const { maintask } = require('@/components/tableContainer/tableHead');
import { TaskSearch, UpTaskLevel, TaskDeleteErrorTask, TaskDelete, GetAllMainTask, MustTask } from '@/api/maintask';
import { exportTableList } from '@/utils/excel';
import { getimestampDate, getymdhms } from '@/utils/date';
export default {
  data() {
    return {
      title: '',
      tableData: [],
      modalShow: false,
      addmodalShow: false,
      wipelist: ['inOrderCode'],
      rowitem: {},
      totle: 0,
      page: 1,
      pageSize: 20,
      pageNum: 0,
      inuqerobg: {},
      rowobj: null,
      filterList: [
        {
          value: '器具编号',
          label: '器具编号'
        },
        {
          value: '起始位',
          label: '起始位'
        },
        {
          value: '目标位',
          label: '目标位'
        }
      ],
      tranLinelist: [
        {
          tranLine: 68,
          title: '1号出口'
        },
        {
          tranLine: 51,
          title: '2号出口'
        },
        {
          tranLine: 64,
          title: '3号出口'
        },
        {
          tranLine: 67,
          title: '4号出口'
        },
        {
          tranLine: 34,
          title: '5号出口'
        },
        {
          tranLine: 30,
          title: '6号出口'
        },
        {
          tranLine: 19,
          title: '7号出口'
        },
        {
          tranLine: 12,
          title: '8号出口'
        },
        {
          tranLine: 47,
          title: '1号入口'
        },
        {
          tranLine: 48,
          title: '2号入口'
        },
        {
          tranLine: 61,
          title: '3号入口'
        },
        {
          tranLine: 65,
          title: '4号入口'
        },
        {
          tranLine: 32,
          title: '5号入口'
        },
        {
          tranLine: 15,
          title: '7号入口'
        }
      ]
    };
  },
  components: { TableContainer, maintaskInquer, Modal, maintaskEdit },
  computed: {
    tableHead() {
      return maintask;
    }
  },
  mounted() {
    this.TaskSearch();
  },
  methods: {
    //查询
    inquer(e) {
      this.inuqerobg = e;
      this.page = 1;
      this.TaskSearch();
    },
    //优先
    precedence() {
      if (this.rowobj) {
        const { id } = this.rowobj;
        UpTaskLevel({ id }).then(res => {
          if (res.code == 0) {
            this.$message({
              type: 'success',
              message: '处理成功'
            });
            this.page = 1;
            this.TaskSearch();
          } else {
            this.$message({
              type: 'warning',
              message: res.msg
            });
          }
        });
      } else {
        this.$message({
          type: 'warning',
          message: '请点勾选或点击行'
        });
      }
    },
    //单击行
    rowchange(row) {
      this.rowobj = { ...row };
    },
    //勾选
    handleSelectionChange(row) {
      console.log(row);
      if (row.length > 1) {
        this.$message({
          type: 'warning',
          message: '只允许勾选一条数据'
        });
      } else {
        this.rowobj = { ...row[0] };
      }
    },
    //导出
    derive() {
      let tHeader = [];
      let filterVal = [];
      this.$Loading(true);
      const { 器具编号: containerName, 起始位: sourcePlace, 目标位: toPlace, taskStatus, taskType } = this.inuqerobg;
      GetAllMainTask({
        containerName,
        sourcePlace,
        toPlace,
        taskStatus,
        taskType,
        createTimeStart: this.inuqerobg.timepick ? this.inuqerobg.timepick[0] : '',
        createTimeEnd: this.inuqerobg.timepick ? this.inuqerobg.timepick[1] : ''
      }).then(res => {
        res.forEach(element => {
          element.taskType =
            element.taskType == 1
              ? '入库'
              : element.taskType == 2
              ? '出库'
              : element.taskType == 3
              ? '移库'
              : element.taskType;
          element.isError = element.isError == 1 ? '是' : element.isError == 0 ? '否' : element.isError;
          element.isExchange = element.isExchange == 1 ? '是' : element.isExchange == 0 ? '否' : element.isExchange;
          element.createTime = element.createTime ? getimestampDate(element.createTime) : '';
          this.tranLinelist.forEach(item => {
            if (element.sourcePlace == item.tranLine) {
              element.sourcePlace = item.title;
            }
            if (element.toPlace == item.tranLine) {
              element.toPlace = item.title;
            }
          });
        });
        this.tableHead.forEach(item => {
          tHeader.push(item.columnDescription);
          filterVal.push(item.columnName);
        });
        exportTableList(tHeader, filterVal, res, '主任务' + getymdhms());
        this.$Loading(false);
      });
    },
    //搜索
    TaskSearch() {
      const { 器具编号: containerName, 起始位: sourcePlace, 目标位: toPlace, taskStatus, taskType } = this.inuqerobg;
      this.$Loading(true);
      TaskSearch(this.page + '&onePageNum=' + this.pageSize, {
        containerName,
        sourcePlace,
        toPlace,
        taskStatus,
        taskType,
        createTimeStart: this.inuqerobg.timepick ? this.inuqerobg.timepick[0] : '',
        createTimeEnd: this.inuqerobg.timepick ? this.inuqerobg.timepick[1] : ''
      }).then(res => {
        if (res.code == 0) {
          let data = res.data || [];
          data.forEach(element => {
            element.taskType =
              element.taskType == 1
                ? '入库'
                : element.taskType == 2
                ? '出库'
                : element.taskType == 3
                ? '移库'
                : element.taskType;
            element.isError = element.isError == 1 ? '是' : element.isError == 0 ? '否' : element.isError;
            this.tranLinelist.forEach(item => {
              if (element.sourcePlace == item.tranLine) {
                element.sourcePlace = item.title;
              }
              if (element.toPlace == item.tranLine) {
                element.toPlace = item.title;
              }
            });
          });
 
          this.tableData = data;
                    //console.log(this.tableData)
          this.totle = res.num;
          this.pageNum = res.pageNum;
        }
        this.$Loading();
      });
    },
    CurrentChange(e) {
      console.log(e);
      this.page = e;
      this.TaskSearch();
    },
    //页数
    SizeChange(e) {
      this.pageSize = e;
      this.TaskSearch();
    },
    //编辑
    edit(row) {
      this.addmodalShow = true;
      this.rowitem = { ...row };
      this.title = '编辑';
    },
    //删除
    del(row) {
      console.log(row);
      const { id } = { ...row };
      this.$confirm('此操作将永久删除, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          TaskDelete({ id }).then(res => {
            if (res.code == 0) {
              this.$message({
                type: 'success',
                message: '删除成功!'
              });
              this.TaskSearch();
            } else {
              this.$message({
                type: 'warning',
                message: res.msg
              });
            }
          });
        })
        .catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });
        });
    },
    //异常处理
    abnormal(row) {
      const { id } = { ...row };
      this.$confirm('此操作将处理该任务, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          TaskDeleteErrorTask({ id }).then(res => {
            if (res.code == 0) {
              this.$message({
                type: 'success',
                message: '处理成功!'
              });
              this.TaskSearch();
            } else {
              this.$message({
                type: 'warning',
                message: res.msg
              });
            }
          });
        })
        .catch(() => {
          this.$message({
            type: 'info',
            message: '已取消处理'
          });
        });
    },
    //新建
    addmodal() {
      this.rowitem = {};
      this.addmodalShow = true;
      this.title = '新建';
    },
    //新增修改后
    addsubmit() {
      this.addmodalShow = false;
      this.modalShow = false;
      this.TaskSearch();
    },
    onMustFirst(obj) {
      let msg = '是否要对任务号【' + obj.id + '】强制优先执行？';
      this.$confirm(msg, '系统提示', {
        type: 'warning'
      })
        .then(() => {
          this.dealMustFirst(obj.id);
        })
        .catch(() => {});
    },
    dealMustFirst(id) {
      this.$Loading(true);
      let params = { id };
      MustTask(params)
        .then(d => {
          this.$Loading();
          if (d.code === 0) {
            this.$message.success('操作成功');
            this.TaskSearch();
          } else {
            let msg = d.msg || '操作失败';
            this.$alert(msg, '系统提示', { type: 'error' });
          }
        })
        .catch(() => {
          this.$Loading();
        });
    }
  }
};
</script>
 
<style lang="scss" scoped>
#forklifttasks {
  .table {
    width: 100%;
    margin-top: 10px;
    height: calc(100% - 40px);
    overflow: hidden;
  }
}
</style>