guoyuji
2024-04-26 684399b665ef8c25c43faff0fdc821a0b72b39ba
north-glass-erp/northglass-erp/src/views/pp/reportingWorks/ReportingWorkDetail.vue
New file
@@ -0,0 +1,164 @@
<script lang="ts" setup>
import { reactive } from 'vue'
import {ArrowLeftBold} from "@element-plus/icons-vue";
import {useRouter} from "vue-router";
const router = useRouter()
let flag = $ref(true)
function intoCreateProduct(){
  if(flag){
    router.push('/main/reportingWorks/SelectReportingWorks')
  }else {
    router.push('/main/reportingWorks/SelectReportingWorks')
  }
  flag=!flag
}
// do not use same name with ref
const form = reactive({
  name: '',
  region: '',
  date1: '',
  date2: '',
  delivery: false,
  type: [],
  resource: '',
  desc: '',
})
const tableData = [
  {
    serialNumber:'1',
    reportingWorkNo: 'BG23100112',
    singlePieceName: '6mm白玻平钢(外)',
    marking: '1',
    pieces: '(外)',
    floorNumber: '3#1层-4扇MLC2025-10',
    width: '575',
    height:"2241",
    shape: '普形',
    finishedNumber: '11',
    wornNumber: '1',
    reasonType: '机器',
    reasonDamage:'气泡超标',
    available:'',
    reworkProcess:'',
    responsibilityProcess:'中空',
    responsibilityTeams:'中空一班',
    responsibilityPersonnel:'',
    responsibilityDevice:'中空3#线',
    qualityInspectionStatus:'',
    patchStatus:''
  },
  {
    serialNumber:'1',
    reportingWorkNo: 'BG23100112',
    singlePieceName: '6mm白玻平钢(外)',
    marking: '2',
    pieces: '(内)',
    floorNumber: '3#1层-4扇MLC2025-10',
    width: '575',
    height:"2241",
    shape: '普形',
    finishedNumber: '11',
    wornNumber: '1',
    reasonType: '机器',
    reasonDamage:'气泡超标',
    available:'',
    reworkProcess:'',
    responsibilityProcess:'中空',
    responsibilityTeams:'中空一班',
    responsibilityPersonnel:'',
    responsibilityDevice:'中空3#线',
    qualityInspectionStatus:'',
    patchStatus:''
  },
  {
    serialNumber:'2',
    reportingWorkNo: 'BG23100112',
    singlePieceName: '6mm白玻平钢(外)',
    marking: '1',
    pieces: '(外)',
    floorNumber: '3#1层-4扇MLC2025-10',
    width: '575',
    height:"2241",
    shape: '普形',
    finishedNumber: '6',
    wornNumber: '',
    reasonType: '',
    reasonDamage:'',
    available:'',
    reworkProcess:'',
    responsibilityProcess:'',
    responsibilityTeams:'',
    responsibilityPersonnel:'',
    responsibilityDevice:'',
    qualityInspectionStatus:'',
    patchStatus:''
  },
  {
    serialNumber:'2',
    reportingWorkNo: 'BG23100112',
    singlePieceName: '6mm白玻平钢(外)',
    marking: '2',
    pieces: '(内)',
    floorNumber: '3#1层-4扇MLC2025-10',
    width: '575',
    height:"2241",
    shape: '普形',
    finishedNumber: '6',
    wornNumber: '',
    reasonType: '',
    reasonDamage:'',
    available:'',
    reworkProcess:'',
    responsibilityProcess:'',
    responsibilityTeams:'',
    responsibilityPersonnel:'',
    responsibilityDevice:'',
    qualityInspectionStatus:'',
    patchStatus:''
  },
]
</script>
<template>
  <div>
<!--    <el-button-->
<!--        style="float: left"-->
<!--        @click="intoCreateProduct"-->
<!--        id="searchButton1"-->
<!--        type="primary"-->
<!--        :icon="ArrowLeftBold"-->
<!--        round >-->
<!--      {{flag?'返回':'返回'}}-->
<!--    </el-button>-->
    <el-table :data="tableData" border style="width: 100%" height="100%">
      <el-table-column  prop="serialNumber" label="序号" width="70" />
      <el-table-column sortable prop="reportingWorkNo" label="报工编号" width="120" />
      <el-table-column prop="singlePieceName" label="单片名称" width="150" />
      <el-table-column prop="marking" label="标记" width="60" />
      <el-table-column prop="pieces" label="片标记" width="70" />
      <el-table-column prop="floorNumber" label="楼层编号" width="200" />
      <el-table-column prop="width" label="宽" width="80" />
      <el-table-column prop="height" label="高" width="155" />
      <el-table-column prop="shape" label="形状" :show-overflow-tooltip='true' width="180" />
      <el-table-column prop="finishedNumber" label="完工数量" width="90" />
      <el-table-column prop="wornNumber" label="次破数量" width="100" />
      <el-table-column prop="reasonType" label="次破类型" :show-overflow-tooltip='true' width="125" />
      <el-table-column prop="reasonDamage" label="次破原因" :show-overflow-tooltip='true' width="125" />
      <el-table-column prop="available" label="可利用" :show-overflow-tooltip='true' width="125" />
      <el-table-column prop="reworkProcess" label="返工工序" :show-overflow-tooltip='true' width="125" />
      <el-table-column prop="responsibilityProcess" label="责任工序" :show-overflow-tooltip='true' width="125" />
      <el-table-column prop="responsibilityTeams" label="责任班组" :show-overflow-tooltip='true' width="125" />
      <el-table-column prop="responsibilityPersonnel" label="责任人员" :show-overflow-tooltip='true' width="125" />
      <el-table-column prop="responsibilityDevice" label="责任设备" :show-overflow-tooltip='true' width="125" />
      <el-table-column prop="qualityInspectionStatus" label="质检状态" :show-overflow-tooltip='true' width="125" />
      <el-table-column prop="patchStatus" label="补片状态" :show-overflow-tooltip='true' width="125" />
    </el-table><!-- <h1>{{msg}}</h1> -->
  </div>
</template>
<style scoped>
</style>