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="6" :sm="8">
            <a-form-item label="物料编码">
              <a-input placeholder="请输入物料编码" v-model="queryParam.code"></a-input>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="8">
            <a-form-item label="物料名称">
              <a-input placeholder="请输入物料名称" v-model="queryParam.name"></a-input>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="8">
            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
              <a-button type="primary" @click="searchQuery" 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>

    <!-- table区域-begin -->

<!--      <div class="right-btns">-->
<!--        &lt;!&ndash; 按钮 &ndash;&gt;-->
<!--        <a-button class="table" @click="handleTable"><a-icon type="table" /></a-button>-->
<!--        &lt;!&ndash; 弹出框 &ndash;&gt;-->
<!--        <div class="tableSelect" v-if="tableSelectVisible">-->
<!--          <a-checkbox-group :value="checkValue" :options="colOptions"/>-->
<!--        </div>-->
<!--      </div>-->

      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        :columns="columns"
        class="j-table-force-nowrap"
        :dataSource="dataSource"
        :pagination="ipagination"
        :customRow="clickThenSelect"
        @change="handleTableChange"
        >

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


    <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
      bom-库存信息
    </div>

    <a-table
      :scroll="{x: 1500}"
      size="middle"
      :columns="planColumns"
      :dataSource="bomSource"
      :pagination="false"
      :loading="loading"
      :expandedRowKeys="expandedRowKeys"
      @expandedRowsChange="handleExpandedRowsChange">


      <span slot="status" slot-scope="status, record">
          <a-tag :key="status" :color="solutionColor(record)">
            {{ confirmHandle(record) }}
          </a-tag>
        </span>

<!--      <span slot="action" slot-scope="action, record">-->
<!--          <a @click="handleEdit(record)">锁定工作令</a>-->
<!--        </span>-->
    </a-table>



    <!-- table区域-end -->

  </a-card>
</template>

<script>
import { JeecgListMixin } from '../../mixins/JeecgListMixin'
import moment from 'moment'
import {ajaxGetDictItems, queryPBomByWms} from "../../api/api";

export default {
  name: 'ProjectBomList',
  mixins: [JeecgListMixin],
  data() {
    return {
      queryParam: {},
      description: '项目C表信息',
      // 表头
      url: {
        list: '/oa/projectc/list'
      },
      // 展开的行，受控属性
      expandedRowKeys: [],
      dataSource: [],
      bomSource: [],
      scolor:'',
      columns:[
        {
          title: '项目名称',
          align:"center",
          dataIndex: 'field0047',
          key: 'field0047',
          width: 220,
          ellipsis: true
        }, {
          title: '工作令号',
          align: 'center',
          dataIndex: 'field0056',
          key: 'field0056',
          width: 200,
          ellipsis: true
        }, {
          title: '存货编码',
          align: 'center',
          dataIndex: 'field0057',
          key: 'field0057',
          ellipsis: true
        }, {
          title: '机械系统编码',
          align: 'center',
          dataIndex: 'field0054',
          key: 'field0054',
          ellipsis: true
        }, {
          title: '电气系统编码',
          align: 'center',
          dataIndex: 'field0055',
          key: 'field0055',
          ellipsis: true
        }, {
          title: '签约客户',
          align: 'center',
          dataIndex: 'field0048',
          key: 'field0048',
          ellipsis: true
        }, {
          title: '交期要求',
          align: 'center',
          dataIndex: 'field0050',
          key: 'field0050',
          scopedSlots: {
            customRender: 'tradeTime'
          }
        },
        // {
        //   title: '销售员',
        //   align: 'center',
        //   dataIndex: 'field0059',
        //   key: 'field0059'
        // },
        {
          title: '合同编号',
          align: 'center',
          dataIndex: 'field0068',
          key: 'field0068'
        }, {
          title: '项目编号',
          align: 'center',
          dataIndex: 'field0172',
          key: 'field0172'
        }
      ],
      planColumns: [
        {
          title: '图号',
          dataIndex: 'f08',
          key: 'f08'
        },
        {
          title: '物料编码',
          dataIndex: 'pno',
          key: 'pno'
        },
        {
          title: '名称',
          dataIndex: 'name',
          key: 'name'
        }, {
          title: '物料单位',
          dataIndex: 'f02',
          key: 'f02'
        },
        // {
        //   title: '制造方式',
        //   dataIndex: 'f04',
        //   key: 'f04'
        // },{
        //   title: 'WIP属性',
        //   dataIndex: 'f05',
        //   key: 'f05'
        // },{
        //   title: '分类',
        //   dataIndex: 'f11',
        //   key: 'f11'
        // },
        {
          title: '用量',
          dataIndex: 'bnum',
          key: 'bnum'
        },
        {
          title: '采购数量',
          dataIndex: 'cgqty',
          key: 'cgqty'
        },{
          title: '到货数量',
          dataIndex: 'dhqty',
          key: 'dhqty'
        },{
          title: '入库数量',
          dataIndex: 'rkqty',
          key: 'rkqty'
        },{
          title: '领料数量',
          dataIndex: 'llqty',
          key: 'llqty'
        },
        {
          title: 'wms库存',
          dataIndex: 'qty',
          key: 'qty'
        }, {
          title: '物料状态',
          dataIndex: 'status',
          key: 'status',
          scopedSlots: { customRender: 'status' }
        }
      ],
    }
  },
  created() {
    this.getOutSourceStatus()
  },
  methods: {
    clickThenSelect(record) {

      return {
        on: {
          click: () => {
            this.onSelectChangeByBoom(record.field0057,record.field0056);
          }
        }
      }
    },

    onSelectChangeByBoom(field0057,workno) {
      this.loading = true
      let params = {
        'pno': field0057,
        'workno': workno
      }
      queryPBomByWms(params).then((res) => {
        if (res.success) {
          this.loading = false
          this.bomSource=res.result;
        }else{
          this.loading = false
        }
      })
    },

    timeFormat(val) {
      return moment(val).format('YYYY-MM-DD')
    },
    handleExpandedRowsChange(expandedRows) {
      this.expandedRowKeys = expandedRows
    },
    handleBomChange(value) {
      this.initBomTree(value)
    },
    onSelectAll(selected) {
      if (selected) {
        const tabData = this.bomSource;
        const arr = [];
        setVal(tabData, arr);
        this.selectedRowKeys = arr;
      } else {
        this.selectedRowKeys = [];
      }
      function setVal(list, arr) {
        list.forEach(v => {
          arr.push(v.key);
          if (v.children) {
            setVal(v.children, arr);
          }
        });
      }
    },
    onSelect(record, selected) {
      const set = new Set(this.selectedRowKeys);
      const tabData = this.bomSource;
      const key = record.key;
      if (selected) {
        set.add(key);
        record.children && setChildCheck(record.children);
        // setParentCheck(key);
      } else {
        set.delete(key);
        record.children && setChildUncheck(record.children);
        setParentUncheck(key);
      }

      this.selectedRowKeys = Array.from(set);
      // 设置父级选择
      function setParentCheck(key) {
        let parent = getParent(key);
        if (parent) {
          set.add(parent.key);
          setParentCheck(parent.key);
        }
      }
      // 设置父级取消，如果父级的子集有选择，则不取消
      function setParentUncheck(key) {
        let childHasCheck = false,
          parent = getParent(key);
        if (parent) {
          let childlist = parent.children;
          childlist.forEach(function(v) {
            if (set.has(v.key)) {
              childHasCheck = true;
            }
          });
          if (!childHasCheck) {
            set.delete(parent.key);
            setParentUncheck(parent.key);
          }
        }
      }
      // 获取当前对象的父级
      function getParent(key) {
        for (let i = 0; i < tabData.length; i++) {
          if (tabData[i].key === key) {
            return null;
          }
        }
        return _getParent(tabData);
        function _getParent(list) {
          let childlist,
            isExist = false;
          for (let i = 0; i < list.length; i++) {
            if ((childlist = list[i].children)) {
              childlist.forEach(function(v) {
                if (v.key === key) {
                  isExist = true;
                }
              });
              if (isExist) {
                return list[i];
              }
              if (_getParent(childlist)) {
                return _getParent(childlist);
              }
            }
          }
        }
      }
      // 设置child全选
      function setChildCheck(list) {
        list.forEach(function(v) {
          set.add(v.key);
          v.children && setChildCheck(v.children);
        });
      }
      // 设置child取消
      function setChildUncheck(list) {
        list.forEach(function(v) {
          set.delete(v.key);
          v.children && setChildUncheck(v.children);
        });
      }
    },

    confirmHandle(record) {
      var llqty=record.llqty;
      if (llqty==undefined){
        llqty='0';
      }
      var qty=record.qty;
      if (qty==undefined){
        qty='0';
      }
      var bnum=record.bnum;
      if (bnum==undefined){
        bnum='0';
      }
      var xnqty=parseInt(bnum)-parseInt(llqty)
      var status='';
      if (parseInt(llqty) >= parseInt(bnum)) {
        status= '2';
      } else {
        if (parseInt(xnqty) <= parseInt(qty)) {
          status= '1';
        } else {
          status= '0';
        }
      }
      if(record.qty==undefined){
        status='';
      }
      var actions = []
      Object.keys(this.outsourcingInStatusList).some((key) => {
        if (this.outsourcingInStatusList[key].value == ('' + status)) {
          actions.push(this.outsourcingInStatusList[key].text)
          return true
        }
      })
      return actions.join('')
    },

    solutionColor(record) {
      var llqty=record.llqty;
      if (llqty==undefined){
        llqty='0';
      }
      var qty=record.qty;
      if (qty==undefined){
        qty='0';
      }
      var bnum=record.bnum;
      if (bnum==undefined){
        bnum='0';
      }
      var xnqty=parseInt(bnum)-parseInt(llqty)
      var status='';
      if (parseInt(llqty) >= parseInt(bnum)) {
        status= '2';
      } else {
        if (parseInt(xnqty) <= parseInt(qty)) {
          status= '1';
        } else {
          status= '0';
        }
      }
      var actions = ''
      Object.keys(this.outsourcingInStatusList).some((key) => {
        if (this.outsourcingInStatusList[key].value == ('' + status)) {
          actions = this.outsourcingInStatusList[key].color
        }
      })
      return actions
    },

    getOutSourceStatus() {
      ajaxGetDictItems('bom_inv_status').then((res) => {
        if (res.success) {
          this.outsourcingInStatusList = res.result
        }
      })
    },


    /** 点击a-table中的行后，展开或关闭其子行 */
    tableClick(record, index){
      return {
        style:{
          cursor:'pointer',
        },
        on: {
          click: () => {
            this.expandRowByClick = !this.expandRowByClick;
          }
        }
      }
    },
  }
}
</script>

<style scoped>

</style>