添加table组件

clll

2023-12-20 db6850daf6afdad12b64385df5d7d284c7aae052

 north-glass-erp/northglass-erp/src/views/pp/processCard/PrintFlowCard.vue

New file
@@ -0,0 +1,165 @@
<script setup>
import {ArrowLeftBold} from "@element-plus/icons-vue";
import {useRouter} from "vue-router";
import {reactive} from "vue";
const router = useRouter()
let flag = $ref(true)
function intoCreateProduct(){
  if(flag){
    router.push('/main/processCard/SelectPrintFlowCard')
  }else {
    router.push('/main/processCard/SelectPrintFlowCard')
  }
  flag=!flag
}
function openPrint() {
  this.$router.push('/page');
}
const form = reactive({
  name: '',
  region: '',
  date1: '',
  date2: '',
  delivery: false,
  type: [],
  resource: '',
  desc: '',
})
const tableData = [
  {
    salesOrderNo: 'NG231201',
    productionOrderNo:'NG231201A',
    processCard: 'NG231201A01',
    customerName:'西安高科幕墙门窗有限公司',
    entryName:'银隆广场',
    sliceMarking:'(外)',
    marking:'1',
    pieces:'16',
    area:'24.14',
    productName: '10mm超白UD60平钢(外)+12Ar(结)+10mm超白平钢(内)',
    singlePieceName: '10mm超白UD60平钢(外)',
    floorNumber: '16-BSGB05',
    divider: '普形',
    splittingTime: '2023-01-11',
    notes: '',
  },
  {
    salesOrderNo: 'NG231201',
    productionOrderNo:'NG231201A',
    processCard: 'NG231201A01',
    customerName:'西安高科幕墙门窗有限公司',
    entryName:'银隆广场',
    sliceMarking:'(内)',
    marking:'2',
    pieces:'16',
    area:'24.14',
    productName: '10mm超白UD60平钢(外)+12Ar(结)+10mm超白平钢(内)',
    singlePieceName: '10mm超白平钢(内)',
    floorNumber: '16-BSGB05',
    divider: '普形',
    splittingTime: '2023-01-11',
    notes: '',
  },
  {
    salesOrderNo: 'NG231201',
    productionOrderNo:'NG231201A',
    processCard: 'NG231201A02',
    customerName:'西安高科幕墙门窗有限公司',
    entryName:'银隆广场',
    sliceMarking:'(外)',
    marking:'1',
    pieces:'6',
    area:'24.14',
    productName: '10mm超白UD60平钢(外)+12Ar(结)+10mm超白平钢(内)',
    singlePieceName: '10mm超白UD60平钢(外)',
    floorNumber: '16-BSGB05',
    divider: '普形',
    splittingTime: '2023-01-11',
    notes: '',
  },
  {
    salesOrderNo: 'NG231201',
    productionOrderNo:'NG231201A',
    processCard: 'NG231201A02',
    customerName:'西安高科幕墙门窗有限公司',
    entryName:'银隆广场',
    sliceMarking:'(内)',
    marking:'2',
    pieces:'6',
    area:'24.14',
      productName: '10mm超白UD60平钢(外)+12Ar(结)+10mm超白平钢(内)',
    singlePieceName: '10mm超白平钢(内)',
    floorNumber: '16-BSGB05',
    divider: '普形',
    splittingTime: '2023-01-11',
    notes: '',
  },
  function openNewWindow() {
    window.open('/main/processCard/PrintProcess');
  }
]
</script>

<template>
  <div>
    <div class="header">

      <a href="/main/processCard/PrintProcess" target="_blank">打开新标签</a>

      <el-button type="primary">打印流程卡</el-button>
      <el-button type="primary">打印标签</el-button>
      &nbsp;&nbsp;
      <select class="stnw"  style="width: 100px" >
        <option label="室内面" value="option1"></option>
        <option label="室外面" value="option2"></option>
      </select>
      <select class="stnw"  style="width: 100px" >
        <option label="成品标签" value="option1"></option>
        <option label="单片标签" value="option2"></option>
      </select>
    </div>
    <el-table :data="tableData" border style="width: 100%" height="100%">
      <el-table-column sortable prop="salesOrderNo" label="销售单号" width="120" />
      <el-table-column sortable prop="productionOrderNo" label="生产订单号" width="120" />
      <el-table-column sortable prop="processCard" label="流程卡号" width="120" />
      <el-table-column prop="customerName" label="客户名称" width="120" :show-overflow-tooltip='true'/>
      <el-table-column prop="entryName" label="项目名称" width="120" :show-overflow-tooltip='true'/>
      <el-table-column prop="sliceMarking" label="片标记" :show-overflow-tooltip='true' width="70" />
      <el-table-column prop="marking" label="标记" width="55" />
      <el-table-column prop="pieces" label="片数" width="65" />
      <el-table-column prop="area" label="面积" width="65" />
      <el-table-column prop="productName" label="产品名称" width="120" :show-overflow-tooltip='true'/>
      <el-table-column prop="singlePieceName" label="单片名称" width="120" :show-overflow-tooltip='true'/>
      <el-table-column prop="floorNumber" label="楼层编号" width="120" />
      <el-table-column prop="divider" label="分架员" width="75" />
      <el-table-column prop="splittingTime" label="分架时间" width="120" />
      <el-table-column prop="notes" label="备注" :show-overflow-tooltip='true' width="350" />
    </el-table><!-- <h1>{{msg}}</h1> -->
  </div>
</template>

<style scoped>
.common-layout{
  height: 100%;
}

.el-aside{
  height: 100%;
}

.el-main{
  height: 100%;
  text-align: center;
}
.stnw{
  height: 33px;
  width: 80px;
  background-color: #409eff;
  color: white;
  border: none;
  border-radius: 5px;
}



</style>