mts / MTS-UI · Files

<template>
  <a-modal
    :title="'合并采购计划'"
    :width="1700"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭"
    wrapClassName="ant-modal-cust-warp"
    :closable="false"
    style="top:5%;height: 85%;overflow-y: hidden">
    <a-table
      ref="table"
      bordered
      size="middle"
      rowKey="id"
      :columns="columns"
      :dataSource="dataSource"
      :pagination="ipagination"
      :loading="loading"
      :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
      @change="handleTableChange">

      <span slot="status" slot-scope="status">
        <a-tag :key="status" :color="'volcano'">
          {{ solutionPurchaseStatus(status) }}
        </a-tag>
      </span>

      <span slot="flag" slot-scope="flag">
        <a-tag :key="flag" :color="longTermColor(flag)">{{ longTerm(flag) }}</a-tag>
      </span>

      <span slot="tradeTime" slot-scope="time">{{ timeFormat(time) }}</span>
    </a-table>
  </a-modal>
</template>

<script>

import { JeecgListMixin } from '../../../mixins/JeecgListMixin'
import { ajaxGetDictItems, getPurchase, mergePurchase } from '../../../api/api'
import { filterObj } from '@/utils/util'
import { getAction } from '@/api/manage'
import moment from 'moment'

export default {
  name: 'mergeModal',
  mixins: [JeecgListMixin],
  data() {
    return {
      confirmLoading: false,
      visible:false,
      disableMixinCreated: true,
      loading: false,
      pagination: {
        defaultPageSize: 5,
        showTotal: total => `共 ${total} 条数据`,
        showSizeChanger: true,
        pageSizeOptions: ['5', '10', '15', '20'],
        onShowSizeChange: (current, pageSize) => this.pageSize = pageSize
      },
      columns: [
        {
          title: '采购单号',
          dataIndex: 'code',
          key: 'code'
        }, {
          title: '物料编码',
          dataIndex: 'materialCode',
          key: 'materialCode'
        }, {
          title: '物料名称',
          dataIndex: 'materialName',
          key: 'materialName'
        }, {
          title: '物料单位',
          dataIndex: 'unit',
          key: 'unit'
        }, {
          title: '数量',
          dataIndex: 'qty',
          key: 'qty'
          // },{
          //   title: '公司',
          //   dataIndex: 'vendor',
          //   key: 'vendor'
        }, {
          title: '状态',
          dataIndex: 'status',
          key: 'status',
          align: 'center',
          scopedSlots: { customRender: 'status' }
        }, {
          title: '供应商',
          dataIndex: 'supplier',
          key: 'supplier'
        }, {
          title: '联系人',
          dataIndex: 'contact',
          key: 'contact'
        }, {
          title: '联系方式',
          dataIndex: 'phone',
          key: 'phone'
          // },{
          //   title: '计划开始时间',
          //   dataIndex: 'planStartTime',
          //   key: 'planStartTime'
        }, {
          title: '计划完成时间',
          dataIndex: 'planEndTime',
          key: 'planEndTime',
          align: 'center',
          scopedSlots: {
            customRender: 'tradeTime'
          }
          // },{
          //   title: '实际开始时间',
          //   dataIndex: 'actualStartTime',
          //   key: 'actualStartTime'
        }, {
          title: '实际完成时间',
          dataIndex: 'actualEndTime',
          key: 'actualEndTime',
          align: 'center',
          scopedSlots: {
            customRender: 'tradeTime'
          }
        }, {
          title: '是否为长周期件',
          dataIndex: 'flag',
          key: 'flag',
          align: 'center',
          scopedSlots: { customRender: 'flag' }
        }, {
          title: '备注',
          dataIndex: 'remark',
          key: 'remark'
        }
      ],
      url: {
        list: '/material/purchase/list',
        importExcelUrl: '/material/purchase/importExcel'
      },
      purchasedStatusList: [],
      queryParam: [],
      id: '',
      mergeIds: ''
    }
  },
  created() {
    this.getPurchaseStatus()
  },
  methods: {
    open(record) {
      this.visible = true
      this.queryParam.materialCode = record.materialCode
      this.queryParam.excludeId = record.id
      this.id = record.id
      this.loadData()
    },
    loadData(arg) {
      if (!this.url.list) {
        this.$message.error('请设置url.list属性!')
        return
      }
      //加载数据 若传入参数1则加载第一页的内容
      if (arg === 1) {
        this.ipagination.current = 1
      }
      var params = this.getQueryParams()//查询条件
      this.loading = true
      getAction(this.url.list, params).then((res) => {
        if (res.success) {
          //update-begin---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
          this.dataSource = res.result.records || res.result
          if (res.result.total) {
            this.ipagination.total = res.result.total
          } else {
            this.ipagination.total = 0
          }
          //update-end---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
        }
        if (res.code === 510) {
          this.$message.warning(res.message)
        }
        this.loading = false
      })
    },
    getQueryParams() {
      //获取查询条件
      let sqp = {}
      if (this.superQueryParams) {
        sqp['superQueryParams'] = encodeURI(this.superQueryParams)
        sqp['superQueryMatchType'] = this.superQueryMatchType
      }
      var param = Object.assign(sqp, this.queryParam, this.isorter, this.filters)
      param.field = this.getQueryField()
      param.pageNo = this.ipagination.current
      param.pageSize = this.ipagination.pageSize
      return filterObj(param)
    },
    getQueryField() {
      //TODO 字段权限控制
      var str = 'id,'
      this.columns.forEach(function(value) {
        str += ',' + value.dataIndex
      })
      return str
    },
    queryPurchaseIn() {
      this.loading = true
      let params = {
        'workNo': this.queryParam.workNo,
        'materialCode': this.queryParam.materialCode,
        'materialName': this.queryParam.materialName,
        /*长周期件*/
        'flag': '1'
      }
      this.getPurchaseList(params)
    },
    getPurchaseList(params) {
      getPurchase(params).then((res) => {
        if (res.success) {
          this.loading = false
          this.dataSource = res.result.records
          if (res.result.total) {
            this.ipagination.total = res.result.total
          } else {
            this.ipagination.total = 0
          }
        }
      })
    },
    getPurchaseStatus() {
      ajaxGetDictItems('purchased_status').then((res) => {
        if (res.success) {
          this.purchasedStatusList = res.result
        }
      })
    },
    solutionPurchaseStatus(value) {
      var actions = []
      Object.keys(this.purchasedStatusList).some((key) => {
        if (this.purchasedStatusList[key].value == ('' + value)) {
          actions.push(this.purchasedStatusList[key].text)
          return true
        }
      })
      return actions.join('')
    },
    solutionPurchaseColor(value) {

    },
    longTerm(flag) {
      if (flag == '0') {
        return '否'
      } else {
        return '是'
      }
    },
    longTermColor(flag) {
      if (flag == '0') {
        return 'volcano'
      } else {
        return 'blue'
      }
    },
    timeFormat(val) {
      return moment(val).format('YYYY-MM-DD')
    },
    handleCancel() {
      this.visible = false
      this.id = ''
      this.mergeIds = ''
    },
    handleOk() {
      if (this.selectedRowKeys.length <= 0) {
        this.$message.warning('请选择一条记录！')
      } else {
        this.mergeIds = ''
        for (var a = 0; a < this.selectedRowKeys.length; a++) {
          this.mergeIds += this.selectedRowKeys[a] + ','
        }
      }
      let params = {
        "id": this.id,
        "mergeIds": this.mergeIds
      }
      mergePurchase(params).then((res)=>{
        if (res.success) {
          this.handleCancel()
        } else {
          this.$message.warning(res.message)
        }
      })
    }
  },
  computed: {
    importExcelUrl: function() {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    }
  }
}
</script>

<style scoped>

</style>