ccl_plm-vue/src/views/modules/test/testSoRouting/testRoutingTable.vue

<script>
import {
  removeBatchTestSoRouting,
  saveTestSoRouting,
  selectTestSoRoutingList,
  updateTestSoRouting
} from "../../../../api/test/testSoRouting";
import {queryWorkCenterList, searchWorkCenter} from "../../../../api/part/workCenter";
import {Decimal} from "decimal.js";

export default {
  name:"testRoutingTable",
  props:{
    dataList:{
      type: Array,
      default:()=>[]
    },
    testNo:{
      type: String,
      request: true
    },
    columnList:{
      type: Array,
      default: ()=>[],
    },
    height:{
      type:[Number,String],
      default:300
    },
    disabled:{
      type: Boolean,
      default: false
    },
  },
  model:{
    prop:"dataList",
    event:"change",
  },
  data(){
    return{
      searchData: {
        site: this.$store.state.user.site,
        workCenterNo: undefined,   // 加工中心编码查询条件
        workCenterDesc: undefined, // 加工中心名称查询条件
        workCenterType: undefined, // 加工中心类型查询条件
      },
      workCenter:{
        site: this.$store.state.user.site,
        workCenterNo:undefined,
        workCenterDesc:undefined,
        workCenterType:undefined,
      },
      pageIndex: 1,
      pageSize: 50,
      totalPage: 0,
      workCenterList:[],
      workCenterDialogFlag:false,
      saveStatus:true,
      saveFlag:false,
      testSoRoutingLabel:{
        itemNo:"工序号",
        itemDesc:"工序名称",
        workCenterNo:"加工中心",
        workCenterDesc:"加工中心名称",
        workCenterType:"加工中心类别",
        machSetupTime:"准备时间",
        factorUnit:'产出单位',
        machRunFactor:'单位产出量',
        efficiency:'效率',
        requiredTime:'需求时间(h)',
        requiredQty:'需求数量',
        reportedQty:'报告数量',
        approveQty:'合格数量',
        planStartTime:'计划开工时间',
        planFinishTime:'计划完工时间',
      },
      testSoRouting:{
        itemNo:10,
        itemDesc:undefined,
        site:this.$store.state.user.site,
        testNo:undefined,
        workCenterNo:undefined,
        workCenterDesc:undefined,
        workCenterType:undefined,
        machSetupTime:0,
        factorUnit:'单位/小时',
        machRunFactor:0,
        efficiency:100,
        requiredTime:0,
        requiredQty:0,
        reportedQty:0,
        approveQty:0,
        planStartTime:undefined,
        planFinishTime:undefined,
        remark:undefined,
      },
      testSoRoutingRule:{
        itemNo:[{required: true,message: ' ',trigger: ['change','blur']}],
        itemDesc:[{required: true,message: ' ',trigger: ['change','blur']}],
        workCenterNo:[{required: true,message: ' ',trigger: ['change','blur']}],
        workCenterDesc:[{required: true,message: ' ',trigger: ['change','blur']}],
        workCenterType:[{required: true,message: ' ',trigger: ['change','blur']}],
        machSetupTime:[{required: true,message: ' ',trigger: ['change','blur']}],
        factorUnit:[{required: true,message: ' ',trigger: ['change','blur']}],
        machRunFactor:[{required: true,message: ' ',trigger: ['change','blur']}],
        efficiency:[{required: true,message: ' ',trigger: ['change','blur']}],
        requiredTime:[{required: true,message: ' ',trigger: ['change','blur']}],
        requiredQty:[{required: true,message: ' ',trigger: ['change','blur']}],
        reportedQty:[{required: true,message: ' ',trigger: ['change','blur']}],
        approveQty:[{required: true,message: ' ',trigger: ['change','blur']}],
        planStartTime:[{required: true,message: ' ',trigger: ['change','blur']}],
        planFinishTime:[{required: true,message: ' ',trigger: ['change','blur']}],
      },
      selectionTestSoRoutingList:[],
      testSoRoutingColumnList:[
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3ItemNo',
          tableId: '102001Table3',
          tableName: '测试工艺路线',
          columnProp: 'itemNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '工序号',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 100
        },{
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3ItemDesc',
          tableId: '102001Table3',
          tableName: '测试工艺路线',
          columnProp: 'itemDesc',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '工序描述',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 200
        },
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3WorkCenterNo',
          tableId: '102001Table3',
          tableName: '测试工艺路线',
          columnProp: 'workCenterNo',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '加工中心',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3WorkCenterDesc',
          tableId: '102001Table3',
          tableName: '测试工艺路线',
          columnProp: 'workCenterDesc',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '加工中心名称',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 150
        },
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3WorkCenterType',
          tableId: '102001Table3',
          tableName: '测试工艺路线',
          columnProp: 'workCenterType',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '加工中心类别',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 102001,
        //   serialNumber: '102001Table3MachSetupTime',
        //   tableId: '102001Table3',
        //   tableName: '测试工艺路线',
        //   columnProp: 'machSetupTime',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '准备时间',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 100
        // },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 102001,
        //   serialNumber: '102001Table3MachRunFactor',
        //   tableId: '102001Table3',
        //   tableName: '测试工艺路线',
        //   columnProp: 'machRunFactor',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '单位产出量',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 100
        // },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 102001,
        //   serialNumber: '102001Table3Efficiency',
        //   tableId: '102001Table3',
        //   tableName: '测试工艺路线',
        //   columnProp: 'efficiency',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '效率%',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 100
        // },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 102001,
        //   serialNumber: '102001Table3FactorUnit',
        //   tableId: '102001Table3',
        //   tableName: '测试工艺路线',
        //   columnProp: 'factorUnit',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '产出单位',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 100
        // },
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3RequiredTime',
          tableId: '102001Table3',
          tableName: '测试工艺路线',
          columnProp: 'requiredTime',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '需求时间(h)',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 102001,
        //   serialNumber: '102001Table3RequiredQty',
        //   tableId: '102001Table3',
        //   tableName: '测试工艺路线',
        //   columnProp: 'requiredQty',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '需求数量',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 100
        // },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 102001,
        //   serialNumber: '102001Table3ReportedQty',
        //   tableId: '102001Table3',
        //   tableName: '测试工艺路线',
        //   columnProp: 'reportedQty',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '报告数量',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 100
        // },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 102001,
        //   serialNumber: '102001Table3ApproveQty',
        //   tableId: '102001Table3',
        //   tableName: '测试工艺路线',
        //   columnProp: 'approveQty',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '合格数量',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 100
        // },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 102001,
        //   serialNumber: '102001Table3PlanStartTime',
        //   tableId: '102001Table3',
        //   tableName: '测试工艺路线',
        //   columnProp: 'planStartTime',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '计划开工时间',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 100
        // },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 102001,
        //   serialNumber: '102001Table3PlanFinishTime',
        //   tableId: '102001Table3',
        //   tableName: '测试工艺路线',
        //   columnProp: 'planFinishTime',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '计划完工时间',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 100
        // },
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3Remark',
          tableId: '102001Table3',
          tableName: '测试工艺路线',
          columnProp: 'remark',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '备注',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 140
        },
      ],
      workCenterColumnList: [
        {
          userId: this.$store.state.user.name,
          tableName: '加工中心表',
          columnProp: 'workCenterNo',
          headerAlign: "center",
          align: "left",
          columnLabel: '编码',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        {
          userId: this.$store.state.user.name,
          tableName: '加工中心表',
          columnProp: 'workCenterDesc',
          headerAlign: "center",
          align: "left",
          columnLabel: '名称',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 200
        },
        {
          userId: this.$store.state.user.name,
          tableName: '加工中心表',
          columnProp: 'workCenterType',
          headerAlign: "center",
          align: "left",
          columnLabel: '类型',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 100
        },
      ],
    }
  },
  created() {
    if (this.columnList.length !== 0){
      this.testSoRoutingColumnList = [...this.columnList]
    }
  },
  methods: {
    dblClickWorkCenterTable(row){
      this.testSoRouting.workCenterNo = row.workCenterNo
      this.testSoRouting.workCenterDesc = row.workCenterDesc
      this.testSoRouting.workCenterType = row.workCenterType
      this.workCenterDialogFlag = false
    },
    searchWorkCenter(flag){
      let params = {
        site:this.$store.state.user.site,
        workCenterNo:this.searchData.workCenterNo,
        workCenterDesc:this.searchData.workCenterDesc,
        workCenterType:this.searchData.workCenterType,
      };
      this.workCenterList = []
      searchWorkCenter(params).then(({data})=>{
        if (data && data.code === 200){
          this.workCenterList = data.data;
          this.pageIndex = data.page.currPage
          this.pageSize = data.page.pageSize
          this.totalPage = data.page.totalCount
          if (flag === true){
            if (this.workCenterList.length === 1 && this.workCenterList[0].workCenterNo === this.testSoRouting.workCenterNo){
              this.dblClickWorkCenterTable(this.workCenterList[0])
            }else {
              let workCenter = {
                workCenterNo:this.testSoRouting.workCenterNo,
                workCenterDesc:'',
                workCenterType:''
              }
              this.dblClickWorkCenterTable(workCenter)
            }
          }
        }
      })
    },
    saveTestSoRoutingBtn(row){
      if (row){
        this.saveStatus = false
        this.testSoRouting = {...row}
      }else {
        this.testSoRouting.testNo = this.testNo
        this.testSoRouting.planStartTime = new Date()
        this.testSoRouting.planFinishTime = new Date()
      }
      this.saveFlag = true;
    },
    closeWorkCenterDialog(){
      this.workCenter = {
        workCenterNo:undefined,
        workCenterDesc:undefined,
        workCenterType:undefined,
      }
    },
    closeTestSoRoutingDialog(){
      this.saveStatus = true;
      this.$refs.saveForm.resetFields();
      this.testSoRouting = {
        itemNo:10,
        itemDesc:undefined,
        site:this.$store.state.user.site,
        testNo: this.testNo,
        workCenterNo:undefined,
        workCenterDesc:undefined,
        workCenterType:undefined,
        machSetupTime:0,
        factorUnit:'单位/小时',
        machRunFactor:0,
        efficiency:100,
        requiredTime:0,
        requiredQty:0,
        reportedQty:0,
        approveQty:0,
        planStartTime:undefined,
        planFinishTime:undefined,
        remark:undefined,
      }
    },
    selectTestSoRoutingList(){
      let params = {
        site:this.$store.state.user.site,
        testNo: this.testNo,
      }
      selectTestSoRoutingList(params).then(({data})=>{
        if (data && data.code === 0){
          this.$emit("change",data.rows);
          this.$nextTick(()=>{
            this.testSoRouting = {
              itemNo:data.rows.length > 0?this.dataList[data.rows.length-1].itemNo +10:10,
              itemDesc:undefined,
              site:this.$store.state.user.site,
              testNo:this.testNo,
              workCenterNo:undefined,
              workCenterDesc:undefined,
              workCenterType:undefined,
              machSetupTime:0,
              factorUnit:'单位/小时',
              machRunFactor:0,
              efficiency:100,
              requiredTime:0,
              requiredQty:0,
              reportedQty:0,
              approveQty:0,
              planStartTime:this.dayjs(new Date(this.testSoRouting.planFinishTime)).format("YYYY-MM-DD HH:mm:ss"),
              planFinishTime:this.dayjs(new Date(this.testSoRouting.planFinishTime)).format("YYYY-MM-DD HH:mm:ss"),
              remark:undefined,
            }
          })
        }
      })
    },
    saveTestSoRouting(isClose){
      this.$refs.saveForm.validate((validate,objects)=>{
        if (validate){
          this.testSoRouting.planStartTime = this.dayjs(new Date(this.testSoRouting.planStartTime)).format("YYYY-MM-DD HH:mm:ss")
          this.testSoRouting.planFinishTime = this.dayjs(new Date(this.testSoRouting.planFinishTime)).format("YYYY-MM-DD HH:mm:ss")
          if (!this.saveStatus){
            // 修改
            updateTestSoRouting(this.testSoRouting).then(({data})=>{
              if (data && data.code === 0){
                this.selectTestSoRoutingList();
                this.$message.success(data.msg)
                this.saveFlag = false
              }else {
                this.$message.warning(data.msg)
              }
            }).catch((error)=>{
              this.$message.error(error)
            })
          }else {
            // 新增
            saveTestSoRouting(this.testSoRouting).then(({data})=>{
              if (data && data.code === 0){
                this.selectTestSoRoutingList();
                this.$message.success(data.msg)
                if (!isClose){
                  this.saveFlag = false
                }
              }else {
                this.$message.warning(data.msg)
              }
            }).catch((error)=>{
              this.$message.error(error)
            })
          }
        }else {
          for (let key in objects) {
            this.$message.error(this.testSoRoutingLabel[key]+"不能为空")
          }
        }
      })

    },
    testSoRoutingClickRow(row,column){
      if (column.label !== '操作'){
        this.$refs.testSoRoutingTable.toggleRowSelection(row,true)
      }
    },
    selectionTestSoRouting(val){
      this.selectionTestSoRoutingList = val
    },
    removeTestSoRouting(){
      if (this.selectionTestSoRoutingList.length === 0){
        this.$message.warning("请选择要删除的工艺路线")
        return
      }
      this.$confirm('确定要删除该记录吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        removeBatchTestSoRouting(this.selectionTestSoRoutingList).then(({data}) => {
          if (data && data.code === 0) {
            this.selectTestSoRoutingList();
            this.$message.success(data.msg)
          } else {
            this.$message.warning(data.msg)
          }
        }).catch((error) => {
          this.$message.error(error)
        })
      }).catch(()=>{})
    },
    computeRequiredTime(){
      // 1、计算效率
      let total = new Decimal(this.testSoRouting.efficiency).div(new Decimal(100))
      // 2、计算单位生产时间
      let time = new Decimal(0);
      switch (this.testSoRouting.factorUnit){
        case "小时":
          time = new Decimal(this.testSoRouting.machRunFactor)
          break
        case "单位/小时":
          if (new Decimal(this.testSoRouting.machRunFactor).toNumber() !== 0){
            time = new Decimal(1).div(new Decimal(this.testSoRouting.machRunFactor))
          }
          break
        case "小时/单位":
          time = new Decimal(this.testSoRouting.machRunFactor).mul(new Decimal(1))
          break
      }
      total = total.mul(time)
      total = Decimal.add(new Decimal(this.testSoRouting.machSetupTime),total)
      this.testSoRouting.requiredTime = total;
      if (this.testSoRouting.requiredTime.toNumber !== 0){
        this.testSoRouting.requiredTime = new Decimal(total.toFixed(3,Decimal.ROUND_FLOOR)).toSignificantDigits().toNumber();
      }
    },
    // 查询加工中心列表
    queryWorkCenter() {
      this.searchData.limit = this.pageSize
      this.searchData.page = this.pageIndex
      queryWorkCenterList(this.searchData).then(({data}) => {
        if (data && data.code === 0) {
          this.workCenterList = data.page.list
          this.pageIndex = data.page.currPage
          this.pageSize = data.page.pageSize
          this.totalPage = data.page.totalCount
          this.workCenterDialogFlag = true
        } else {
          this.workCenterList = []
        }
      })
    },
    openRouting(){
      if (this.saveStatus){
        this.testSoRouting.itemNo = this.dataList.length > 0?this.dataList[this.dataList.length-1].itemNo +10:10;
      }
    },
    changeWorkCenter(val){
      this.workCenter.workCenterNo = val
      this.searchWorkCenter(true)
    },
    openWorkCenterDialog(){
      this.workCenter.workCenterNo = this.testSoRouting.workCenterNo;
      this.searchWorkCenter()
    },
    // 每页数
    sizeChangeHandle(val) {
      this.pageSize = val
      this.pageIndex = 1
      this.queryWorkCenter()
    },

    // 当前页
    currentChangeHandle(val) {
      this.pageIndex = val
      this.queryWorkCenter()
    },
  },
}
</script>

<template>
  <div>
    <div style="margin-bottom: 5px">
      <template v-if="isAuth('107001:tab4:save')">
        <el-button type="primary" v-if="!disabled" @click="saveTestSoRoutingBtn()">新增</el-button>
      </template>
      <template v-if="isAuth('107001:tab4:remove')">
        <el-button type="primary" v-if="!disabled" @click="removeTestSoRouting">删除</el-button>
      </template>
    </div>
    <el-table
      :height="height" border
      :data="dataList"
      ref="testSoRoutingTable"
      @row-click="testSoRoutingClickRow"
      @selection-change="selectionTestSoRouting">
      <el-table-column
        type="selection"
        header-align="center"
        align="center"
        width="50">
      </el-table-column>
      <el-table-column
        v-for="(item,index) in testSoRoutingColumnList" :key="index"
        :sortable="item.columnSortable"
        :prop="item.columnProp"
        :header-align="item.headerAlign"
        :show-overflow-tooltip="item.showOverflowTooltip"
        :align="item.align"
        :fixed="item.fixed===''?false:item.fixed"
        :min-width="item.columnWidth"
        :label="item.columnLabel">
        <template slot-scope="scope">
          <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span>
          <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" fixed="right">
        <template slot-scope="{row,$index}">
          <template v-if="isAuth('107001:tab4:update')">
            <a type="text" style="cursor:pointer;" v-if="!disabled" @click="saveTestSoRoutingBtn(row)">编辑</a>
          </template>
        </template>
      </el-table-column>
    </el-table>
    <el-dialog width="700px" :close-on-click-modal="false" :title="(saveStatus?'新增':'编辑')+'-工艺路线'" :visible.sync="saveFlag" @open="openRouting" v-drag append-to-body @close="closeTestSoRoutingDialog">
      <el-form :model="testSoRouting" label-position="top" ref="saveForm" :rules="testSoRoutingRule">
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="工序号" prop="itemNo">
              <el-input-number style="width: 100%;margin-top: -5px;" :disabled="!saveStatus" :min="0" v-model="testSoRouting.itemNo" :controls="false"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label="工序名称" prop="itemDesc">
              <el-input v-model="testSoRouting.itemDesc"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="加工中心" prop="workCenterNo">
              <span slot="label" style="cursor:pointer;" @click="queryWorkCenter"><a>加工中心</a></span>
              <el-input @change="changeWorkCenter" v-model="testSoRouting.workCenterNo"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="加工中心名称" prop="workCenterDesc">
              <el-input disabled v-model="testSoRouting.workCenterDesc"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="加工中心类别" prop="workCenterType">
              <el-input disabled v-model="testSoRouting.workCenterType"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="false">
            <el-form-item label="准备时间" prop="machSetupTime">
              <el-input-number @input="computeRequiredTime" style="width: 100%;margin-top: -5px;" :min="0" v-model="testSoRouting.machSetupTime" :controls="false"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="false">
            <el-form-item label="单位产出量" prop="machRunFactor">
              <el-input-number @input="computeRequiredTime" style="width: 100%;margin-top: -5px;" :min="0" v-model="testSoRouting.machRunFactor" :controls="false"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="false">
            <el-form-item label="效率%" prop="efficiency">
              <el-input-number @input="computeRequiredTime" style="width: 100%;margin-top: -5px;" :min="0" v-model="testSoRouting.efficiency" :controls="false"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="false">
            <el-form-item label="产出单位" prop="factorUnit">
              <el-select v-model="testSoRouting.factorUnit" @change="computeRequiredTime"
                         style="width: 100%" placeholder="请选择" default-first-option>
                <el-option label="单位/小时" :value="'单位/小时'"></el-option>
                <el-option label="小时/单位" :value="'小时/单位'"></el-option>
                <el-option label="小时" :value="'小时'"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="需求时间(h)" prop="requiredTime">
              <el-input-number style="width: 100%;margin-top: -5px;" :min="0" v-model="testSoRouting.requiredTime" :controls="false"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="false">
            <el-form-item label="需求数量" prop="requiredQty">
              <el-input-number style="width: 100%;margin-top: -5px;" :min="0" v-model="testSoRouting.requiredQty" :controls="false"></el-input-number>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10" v-if="false">
          <el-col :span="8">
            <el-form-item label="报告数量" prop="reportedQty">
              <el-input-number style="width: 100%;margin-top: -5px;" :min="0" v-model="testSoRouting.reportedQty" :controls="false"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="false">
            <el-form-item label="合格数量" prop="approveQty">
              <el-input-number style="width: 100%;margin-top: -5px;" :min="0" v-model="testSoRouting.approveQty" :controls="false"></el-input-number>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8" v-if="false">
            <el-form-item label="计划开工时间" prop="planStartTime">
              <el-date-picker
                style="width: 100%"
                v-model="testSoRouting.planStartTime"
                type="datetime"
                placeholder="选择日期时间">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="false">
            <el-form-item label="计划完工时间" prop="planFinishTime">
              <el-date-picker
                style="width: 100%"
                v-model="testSoRouting.planFinishTime"
                type="datetime"
                placeholder="选择日期时间">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="备注" prop="remark" style="height: 90px">
              <el-input type="textarea" resize='none' :autosize="{ minRows: 3, maxRows: 3 }" v-model="testSoRouting.remark"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button v-if="saveStatus" type="primary" @click="saveTestSoRouting(true)">保 存</el-button>
        <el-button type="primary" @click="saveTestSoRouting(false)">保存并关闭</el-button>
        <el-button @click="saveFlag = false">取 消</el-button>
      </span>
    </el-dialog>

<!--    <el-dialog title="加工中心信息" v-drag @open="openWorkCenterDialog" :visible.sync="workCenterDialogFlag" width="600px" append-to-body @close="closeWorkCenterDialog">-->
<!--      <el-form :model="workCenter" label-position="top">-->
<!--        <el-row :gutter="10">-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="加工中心">-->
<!--              <el-input v-model="workCenter.workCenterNo"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="8">-->
<!--            <el-form-item label="加工中心名称">-->
<!--              <el-input v-model="workCenter.workCenterDesc"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="加工中心类别">-->
<!--              <el-input v-model="workCenter.workCenterType"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="4">-->
<!--            <el-form-item label=" ">-->
<!--              <el-button type="primary" @click="searchWorkCenter">查询</el-button>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--        </el-row>-->
<!--      </el-form>-->
<!--      <el-table border height="200px" stripe-->
<!--      :data="workCenterList" @row-dblclick="dblClickWorkCenterTable">-->
<!--        <el-table-column label="加工中心" prop="workCenterNo"></el-table-column>-->
<!--        <el-table-column label="加工中心名称" prop="workCenterDesc"></el-table-column>-->
<!--        <el-table-column label="加工中心类别" prop="workCenterType"></el-table-column>-->
<!--      </el-table>-->
<!--    </el-dialog>-->

    <!--         加工中心模态框 -->
    <el-dialog title="加工中心" top="17vh" :close-on-click-modal="false" v-drag :visible.sync="workCenterDialogFlag" append-to-body width="940px">
      <el-form :inline="true" label-position="top" :model="searchData">
        <el-form-item :label="'加工中心'">
          <el-input v-model="searchData.workCenterNo" clearable style="width: 120px"></el-input>
        </el-form-item>
        <el-form-item :label="'加工中心名称'">
          <el-input v-model="searchData.workCenterDesc" clearable style="width: 120px"></el-input>
        </el-form-item>
        <el-form-item :label="'加工中心类别'">
          <el-input v-model="searchData.workCenterType" clearable style="width: 120px"></el-input>
        </el-form-item>
        <el-form-item :label="' '">
          <el-button type="primary" @click="queryWorkCenter">查询</el-button>
        </el-form-item>
      </el-form>
      <el-table
        :height="250"
        :data="workCenterList"
        @row-dblclick="dblClickWorkCenterTable"
        border
        style="width: 100%;">
        <el-table-column
          v-for="(item,index) in workCenterColumnList" :key="index"
          :sortable="item.columnSortable"
          :prop="item.columnProp"
          :header-align="item.headerAlign"
          :show-overflow-tooltip="item.showOverflowTooltip"
          :align="item.align"
          :fixed="item.fixed==''?false:item.fixed"
          :min-width="item.columnWidth"
          :label="item.columnLabel">
          <template slot-scope="scope">
            <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
            <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
          </template>
        </el-table-column>
      </el-table>
      <!-- 分页插件 -->
      <el-pagination
        style="margin-top: 5px"
        @size-change="sizeChangeHandle"
        @current-change="currentChangeHandle"
        :current-page="pageIndex"
        :page-sizes="[20, 50, 100, 200, 500]"
        :page-size="pageSize"
        :total="totalPage"
        layout="total, sizes, prev, pager, next, jumper">
      </el-pagination>
      <el-footer style="height:35px;margin-top:10px;text-align:center">
        <el-button type="primary" @click="workCenterDialogFlag = false">关闭</el-button>
      </el-footer>
    </el-dialog>
  </div>
</template>

<style scoped>
.el-input-number /deep/ .el-input__inner{
  text-align: right;
  padding-right: 5px !important;
}
</style>