mts / MTS-UI · Files

<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :md="4" :sm="24">
            <a-form-item label="项目ID" :labelCol="{span: 6}" :wrapperCol="{span: 14, offset: 1}">
              <a-input placeholder="请输入项目ID" v-model="queryParam.id"></a-input>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="8">
            <a-form-item label="项目名称" :labelCol="{span: 6}" :wrapperCol="{span: 14, offset: 1}">
              <a-input placeholder="请输入项目名称" v-model="queryParam.projectName"></a-input>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="8">
            <a-form-item label="生产令号" :labelCol="{span: 6}" :wrapperCol="{span: 14, offset: 1}">
              <a-input placeholder="请输入生产令号" v-model="queryParam.orderNo"></a-input>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="8">
            <a-form-item label="项目进度">
              <a-select
                show-search
                placeholder="请选择项目进度"
                option-filter-prop="children"
                v-model="queryParam.delay"
              >
                <a-select-option v-for="item in projectColumns" :key="item.key" :value="item.value">{{
                    item.key
                  }}
                </a-select-option>
              </a-select>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="8">
            <a-form-item label="是否关闭">
              <span style="margin-right: 8px;"><a-switch v-model="queryParam.finish"/></span>
            </a-form-item>
            <!-- <a-form-item label="是否关闭">
              <a-select
                show-search
                placeholder="请选择"
                option-filter-prop="children"
                v-model="queryParam.finish"
              >
                  <a-select-option v-for="item in whetherToClose" :key="item.key" :value="item.value">{{ item.key }}</a-select-option>
              </a-select>
            </a-form-item> -->
          </a-col>
          <!--          <a-col :md="4" :sm="8">-->
          <!--            <span style="float: left;overflow: hidden;" class="table-pagesearch-search-submitButtons">-->
          <!--              <a-button type="primary" @click="search" icon="search">查询</a-button>-->
          <!--              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>-->
          <!--            </span>-->
          <!--          </a-col>-->
        </a-row>
      </a-form>
    </div>
    <!-- 查询区域-END -->

    <!-- 操作按钮区域 -->
    <div class="table-operator">
      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
      <a-button type="primary" icon="download" @click="handleExportXls('生产计划')">导出</a-button>
      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl"
                @change="handleImportExcel">
        <a-button type="primary" icon="import">导入</a-button>
      </a-upload>
      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importBomExcel"
                @change="handleImportExcel">
        <a-button type="primary" icon="import">导入Bom计划</a-button>
      </a-upload>
      <a-button @click="addPbom" type="primary" icon="plus">查询导入Bom计划</a-button>

      <a-button type="primary" @click="search" icon="search">查询</a-button>
      <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
    </div>

    <!--    <span style="font-size: 18px">项目总数：{{projects.total}}个，正在进行的项目：{{projects.normal}}个，结束的项目：{{projects.delay}}个</span>-->
    <!-- table区域-begin -->
    <div>

      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        class="j-table-force-nowrap"
        :scroll="{x:true}"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        :customRow="clickThenSelect"
        :rowClassName="rowClassName"
        @change="handleTableChange">


        <span slot="action" slot-scope="text, record">
          <a @click="handleEdit(record)">审核</a>
            <a-divider type="vertical"/>
          <a @click="printSchedulerList2(record.id)">新打印</a>
           <a-divider type="vertical"/>
          <a @click="printSchedulerList(record.id)">打印</a>
          <a-divider type="vertical"/>
           <a-popconfirm title="确定关闭这个项目吗?" @confirm="() =>handleFinish(record.id)">
            <a>关闭</a>
          </a-popconfirm>
           <a-divider type="vertical"/>
          <a-popconfirm title="确定删除吗?" @confirm="() =>handleDelete(record.id)">
            <a><a-icon type="delete"/>删除</a>
          </a-popconfirm>
          <a-divider type="vertical"/>
          <a @click="outExcel(record)">导出</a>
            <a-divider type="vertical"/>
          <a @click="outWorkingExcel(record)">工时导出</a>
        </span>

        <span slot="tags" slot-scope="tags">
          <a-tag :color="dataCompare(tags) ? 'red': 'geekblue'">
            {{ !tags ? "" : (tags.length > 10 ? tags.substr(0, 10) : tags) }}
          </a-tag>
        </span>
      </a-table>
    </div>

    <a-tabs defaultActiveKey="1">
      <a-tab-pane tab="生产计划明细" key="1">
        <SchedulerDetailList :mainId="selectedMainId" :finish="finish" :selectedMainNo="selectedMainNo"
                             :selectedProjectName="selectedProjectName" :selectedOrderNo="selectedOrderNo"/>
      </a-tab-pane>
    </a-tabs>

    <schedulerHeader-modal ref="modalForm" @ok="modalFormOk"></schedulerHeader-modal>
    <PBOMList ref="modalForm2" @ok="modalFormOk"></PBOMList>
    <print-scheduler-list ref="printList"></print-scheduler-list>
  </a-card>
</template>

<script>

import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import SchedulerHeaderModal from './modules/SchedulerHeaderModal'
import PBOMList from './modules/PBOMList'
import {downFile, getAction} from '@/api/manage'
import SchedulerDetailList from './SchedulerDetailList'
import '@/assets/less/TableExpand.less'
import {calculateDelay} from '@/api/api'
import printSchedulerList from "./printSchedulerList";

export default {
  name: "SchedulerHeaderList",
  mixins: [JeecgListMixin],
  components: {
    SchedulerDetailList,
    SchedulerHeaderModal,
    PBOMList,
    printSchedulerList
  },
  data() {
    return {
      selectIndex: null,
      description: '生产计划管理页面',
      finish: '',
      id: '',
      // 表头
      columns: [
        {
          title: '项目ID',
          align: "center",
          dataIndex: 'id'
        },
        {
          title: '项目名称',
          align: "center",
          dataIndex: 'projectName'
        },
        {
          title: '生产令号',
          align: "center",
          dataIndex: 'orderNo'
        },
        {
          title: '部件号',
          align: "center",
          dataIndex: 'partNo'
        },
        {
          title: '是否关闭',
          align: "center",
          dataIndex: 'finish',
          customRender: function (text) {
            if (text === 0) {
              return "正常"
            } else {
              return "关闭"
            }
          }
        },
        {
          title: '状态',
          align: "center",
          dataIndex: 'status',
          customRender: function (text) {
            if (text === 0) {
              return "生产中"
            } else if (text === 1) {
              return "按时完成"
            } else if (text === 2) {
              return "超时完成"
            }
          }
        },
        {
          title: '进度',
          align: "center",
          dataIndex: 'progress',
          customRender: function (text) {
            return !text ? "" : (text.length > 10 ? text.substr(0, 10) : text)
          }
        },
        {
          title: '计划完成时间',
          align: "center",
          dataIndex: 'completionTime',
          scopedSlots: {
            customRender: 'tags',
          },
        },
        {
          title: '实际完成时间',
          align: "center",
          dataIndex: 'actualCompletionTime',
          customRender: function (text) {
            return !text ? "" : (text.length > 10 ? text.substr(0, 10) : text)
          }
        },
        {
          title: '创建人',
          align: "center",
          dataIndex: 'createBy'
        },
        {
          title: '创建日期',
          align: "center",
          dataIndex: 'createTime',
          customRender: function (text) {
            return !text ? "" : (text.length > 10 ? text.substr(0, 10) : text)
          }
        },
        {
          title: '更新人',
          align: "center",
          dataIndex: 'updateBy'
        },
        {
          title: '更新日期',
          align: "center",
          dataIndex: 'updateTime',
          customRender: function (text) {
            return !text ? "" : (text.length > 10 ? text.substr(0, 10) : text)
          }
        },
        {
          title: '操作',
          dataIndex: 'action',
          align: "center",
          fixed: "right",
          width: 147,
          scopedSlots: {customRender: 'action'},
        }
      ],
      url: {
        list: "/scheduler/schedulerHeader/list",
        out: "/scheduler/schedulerHeader/outBomExcel",
        workingOut: "/scheduler/schedulerHeader/partWorkExport",
        delete: "/scheduler/schedulerHeader/delete",
        finish: "/scheduler/schedulerHeader/finish",
        deleteBatch: "/scheduler/schedulerHeader/deleteBatch",
        exportXlsUrl: "/scheduler/schedulerHeader/exportSchedlerXls",
        importExcelUrl: "/scheduler/schedulerHeader/importExcel",
        importBomExcel: "/scheduler/schedulerHeader/importBomExcel",
      },
      dictOptions: {},
      /* 分页参数 */
      ipagination: {
        current: 1,
        pageSize: 5,
        pageSizeOptions: ['5', '10', '50'],
        showTotal: (total, range) => {
          return range[0] + "-" + range[1] + " 共" + total + "条"
        },
        showQuickJumper: true,
        showSizeChanger: true,
        total: 0
      },
      selectedMainId: '',
      selectedMainNo: '',
      selectedOrderNo: '',
      selectedProjectName: '',
      superFieldList: [],
      projects: {},
      projectColumns: [
        {
          key: '所有',
          value: ''
        }, {
          key: '正常',
          value: '0'
        }, {
          key: '延期',
          value: '1'
        }
      ],
      whetherToClose: [
        {
          key: '正常',
          value: '0'
        }, {
          key: '关闭',
          value: '1'
        },
        {
          key: '所有',
          value: ''
        }
      ]
    }
  },
  created() {
    // this.queryParam.finish = this.whetherToClose[0].value;
    this.getSuperFieldList();
    this.calculateDelayProject();
  },
  computed: {
    importExcelUrl: function () {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
    },
    importBomExcel: function () {
      return `${window._CONFIG['domianURL']}/${this.url.importBomExcel}`;
    }
  },
  methods: {
    initDictConfig() {
    },
    addPbom() {
      this.$refs.modalForm2.show()
    },
    rowClassName(record, index) {
      return index === this.selectIndex ? 'Rowactive' : ''
    },
    clickThenSelect(record, index) {
      return {
        on: {
          click: () => {
            //当前行的索引
            let that = this
            that.selectIndex = index
            // //当前table是radio的情况下，点击当前行选中
            // that.selectedRows = []
            // that.selectedRowKeys = []
            // that.selectedRows.push(this.dataSource[index])
            // that.selectedRowKeys.push(that.dataSource[index].templateId)
            this.onSelectChange(record.id, record.finish, record.partNo, record.orderNo, record.projectName);
          }
        }
      }
    },

    printSchedulerList2(id) {
      this.$refs.printList.show(id)
    },

    search() {
      this.calculateDelayProject();
      this.searchQuery();
    },
    calculateDelayProject() {
      const that = this;
      let obj = calculateDelay(this.queryParam);
      obj.then((res) => {
        that.projects = res;
        console.log("workTotal:" + that.projects.total);
      })
    },
    onClearSelected() {
      this.selectedRowKeys = [];
      this.selectedMainId = '';
      this.selectedMainNo = '';
    },
    onSelectChange(selectedRowKeys, finish, partNo, orderNo, projectName) {
      this.finish = finish;
      this.selectedMainId = String(selectedRowKeys);
      this.selectedMainNo = String(partNo);
      this.selectedProjectName = String(projectName);
      this.selectedOrderNo = String(orderNo);
      this.selectedRowKeys = [String(selectedRowKeys)];
    },
    loadData(arg) {
      if (!this.url.list) {
        this.$message.error("请设置url.list属性!")
        return
      }
      //加载数据 若传入参数1则加载第一页的内容
      if (arg === 1) {
        this.ipagination.current = 1;
      }
      this.onClearSelected()
      let params = this.getQueryParams();//查询条件
      params.finish = (params.finish == true ? 1 : 0);
      console.log(params);
      this.loading = true;
      getAction(this.url.list, params).then((res) => {
        if (res.success) {
          this.dataSource = res.result.records;
          this.ipagination.total = res.result.total;
        }
        if (res.code === 510) {
          this.$message.warning(res.message)
        }
        this.loading = false;
      })
    },
    getSuperFieldList() {
      let fieldList = [];
      fieldList.push({type: 'string', value: 'projectCode', text: '项目号', dictCode: ''})
      fieldList.push({type: 'string', value: 'projectName', text: '项目名称', dictCode: ''})
      fieldList.push({type: 'string', value: 'orderNo', text: '生产令号', dictCode: ''})
      fieldList.push({type: 'string', value: 'partNo', text: '部件号', dictCode: ''})
      fieldList.push({type: 'date', value: 'created', text: '创建时间'})
      fieldList.push({type: 'string', value: 'createBy', text: '创建人', dictCode: ''})
      this.superFieldList = fieldList
    },
    dataCompare(data) {
      if (data === undefined) {
        return false;
      }
      let d = new Date(Date.parse(data.replace(/-/g, "/")));
      console.log(d)
      let curDate = new Date();
      return d <= curDate;
    },
    outExcel(record) {
      let params = {
        "id": record.id
      }
      var fileName = record.projectName
      downFile(this.url.out, params).then((data) => {
        if (!data) {
          this.$message.warning("文件下载失败")
          return
        }
        if (typeof window.navigator.msSaveBlob !== 'undefined') {
          window.navigator.msSaveBlob(new Blob([data], {type: 'application/vnd.ms-excel'}), fileName + '.xls')
        } else {
          let url = window.URL.createObjectURL(new Blob([data], {type: 'application/vnd.ms-excel'}))
          let link = document.createElement('a')
          link.style.display = 'none'
          link.href = url
          link.setAttribute('download', fileName + '.xls')
          document.body.appendChild(link)
          link.click()
          document.body.removeChild(link); //下载完成移除元素
          window.URL.revokeObjectURL(url); //释放掉blob对象
          this.loading = false
        }
      })
    },

    outWorkingExcel(record) {
      let params = {
        "id": record.id,
        "projectName": record.projectName
      }
      this.$message.info("下载处理中....")
      var fileName = record.projectName
      downFile(this.url.workingOut, params).then((data) => {

        if (!data) {
          this.$message.warning("文件下载失败")
          return
        }
        if (typeof window.navigator.msSaveBlob !== 'undefined') {
          window.navigator.msSaveBlob(new Blob([data], {type: 'application/vnd.ms-excel'}), fileName + '.xls')
        } else {
          let url = window.URL.createObjectURL(new Blob([data], {type: 'application/vnd.ms-excel'}))
          let link = document.createElement('a')
          link.style.display = 'none'
          link.href = url
          link.setAttribute('download', fileName + '.xls')
          document.body.appendChild(link)
          link.click()
          document.body.removeChild(link); //下载完成移除元素
          window.URL.revokeObjectURL(url); //释放掉blob对象
          this.$message.success("下载成功!")
          this.loading = false
        }
      })
    }

  }
}
</script>
<style>
@import '~@assets/less/common.less'
/* ant-col{min-height:35px;} */
</style>