CompareA.vue 2.08 KB
<template>
  <div>
    <a-card style="min-width: 500px;">
      <p style="color: #00A0E9;font-size: 20px">部件I:{{this.ver1_1}}</p><p style="color: red;font-size: 20px">系统报工总工时:{{this.totalTime}}</p>
    </a-card>
    <a-table
      ref="table"
      size="middle"
      :scroll="{x:true}"
      bordered
      rowKey="id"
      :columns="columns"
      :dataSource="dataSource"
      :loading="loading"
      :rowSelection="{selectedRowKeys: selectedRowKeys}"
      class="j-table-force-nowrap" >
    </a-table>
  </div>

</template>

<script>

import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import {queryCompareWorkList} from "../../../api/api";
  export default {
    name: "CompareA",
    props:['ver1','ver1_1'],
    mixins:[JeecgListMixin, mixinDevice],
    components:{
    },
    data () {
      return {
        dataSource:[],
        totalTime:'',
        columns: [
          {
            title:'部件名称',
            align:"center",
            dataIndex: 'materialname'
          },
          {
            title:'图号',
            align:"center",
            dataIndex: 'spec'
          },
          {
            title:'工艺',
            align:"center",
            dataIndex: 'name'
          },
          {
            title:'工时(分钟)',
            align:"center",
            dataIndex: 'time'
          },
          {
            title:'报工人',
            align:"center",
            dataIndex: 'realname'
          }
        ],
      }
    },
    created () {
    },
    methods: {
      search1(){
        var vers =this.ver1.split(",");
        let params = {
          'id': vers[0],
          'spec': vers[1]
        }
        queryCompareWorkList(params).then((res) => {
          if (res.success) {
            this.dataSource = res.result
          }
          let total = 0
          this.dataSource.forEach(data => {
            total +=Number.parseInt(data.time)
          })
          this.totalTime=total
        })
      }
    }
  }
</script>

<style scoped>
</style>