廖井涛
2024-01-22 2ad00b6623beac3b504105beba9cb56143f7db13
north-glass-erp/northglass-erp/src/views/pp/processCard/AddProcessCard.vue
New file
@@ -0,0 +1,172 @@
<script setup>
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/processCard/SplittingDetails')
  }else {
    router.push('/main/processCard/SplittingDetails')
  }
  flag=!flag
}
const tableData = [
  {
    processCard: 'NG231201A01',
    orderSequence: '1',
    landingSequence: '1',
    floorNumber: '14-BSGB05',
    shape: '普形',
    longSide: '5000',
    shortSide: '4400',
    total: '24',
    totalThickness: '26',
  },
  {
    processCard: 'NG231201A01',
    orderSequence: '2',
    landingSequence: '2',
    floorNumber: '15-BSGB05',
    shape: '普形',
    longSide: '5000',
    shortSide: '4400',
    total: '24',
    totalThickness: '26',
  },
  {
    processCard: 'NG231201A02',
    orderSequence: '3',
    landingSequence: '3',
    floorNumber: '16-BSGB05',
    shape: '普形',
    longSide: '5000',
    shortSide: '4400',
    total: '24',
    totalThickness: '26',
  },
]
const tableData2 = [
  {
    orderSequence: '4',
    floorNumber: '17-BSGB08',
    shape: '普形',
    longSide: '4600',
    shortSide: '3880',
    undividedQuantity: '15',
    undividedArea: '99.84',
    totalThickness:'28',
    glassThickness:'24',
    undividedWeight:'111'
  },
  {
    orderSequence: '5',
    floorNumber: '18-BSGB08',
    shape: '普形',
    longSide: '4600',
    shortSide: '3880',
    undividedQuantity: '15',
    undividedArea: '99.84',
    totalThickness:'28',
    glassThickness:'24',
    undividedWeight:'111'
  },
  {
    orderSequence: '6',
    floorNumber: '19-BSGB08',
    shape: '普形',
    longSide: '4600',
    shortSide: '3880',
    undividedQuantity: '15',
    undividedArea: '99.84',
    totalThickness:'28',
    glassThickness:'24',
    undividedWeight:'111'
  },
]
</script>
<template>
  <div>
    <div class="header">
      <el-button
          style="float: left"
          @click="intoCreateProduct"
          id="searchButton1"
          type="primary"
          :icon="ArrowLeftBold"
          round >
        {{flag?'返回':'返回'}}
      </el-button>
      <el-button type="primary">保存分架</el-button>
      <el-button type="primary">分架汇总</el-button>
      <el-button type="primary">左侧全选</el-button>
      <el-button type="primary">右侧全选</el-button>
    </div>
    <div class="common-layout">
      <el-container height="100%">
        <el-aside width="44%" style="">
          <el-table :data="tableData" border style="width: 100%" height="100%">
            <el-table-column sortable prop="processCard" label="流程卡号" width="120" />
            <el-table-column prop="orderSequence" label="订序" width="60" />
            <el-table-column prop="landingSequence" label="落架顺序" width="85" />
            <el-table-column prop="floorNumber" label="楼层编号" :show-overflow-tooltip='true' width="120" />
            <el-table-column prop="shape" label="形状" width="65" />
            <el-table-column prop="longSide" label="长边" width="65" />
            <el-table-column prop="shortSide" label="短边" width="65" />
            <el-table-column prop="total" label="总数量" width="75" />
            <el-table-column prop="totalThickness" label="总厚度" width="75" />
          </el-table><!-- <h1>{{msg}}</h1> -->
        </el-aside>
        <el-main width="12%" style="">
          <span>未分数量:45</span><br>
          <span>未分重量:333</span><br>
          <span>选中数量:</span><br>
          <el-button type="primary"> → </el-button>
          <br>
          <br>
          <el-button type="primary">  ← </el-button>
          <br>
          <br>
          <el-button type="primary">建立流程卡</el-button>
        </el-main>
        <el-aside width="44%" style="">
          <el-table :data="tableData2" border style="width: 100%" height="100%">
            <el-table-column prop="orderSequence" label="订序" width="60" />
            <el-table-column prop="floorNumber" label="楼层编号" :show-overflow-tooltip='true' width="100" />
            <el-table-column prop="shape" label="形状" width="65" />
            <el-table-column prop="longSide" label="长边" width="60" />
            <el-table-column prop="shortSide" label="短边" width="60" />
            <el-table-column prop="undividedQuantity" label="待分数量" width="85" />
            <el-table-column prop="undividedArea" label="待分面积" width="85" />
            <el-table-column prop="totalThickness" label="总厚度" width="75" />
            <el-table-column prop="glassThickness" label="玻璃厚度" width="85" />
            <el-table-column prop="undividedWeight" label="待分重量" width="85" />
          </el-table><!-- <h1>{{msg}}</h1> -->
        </el-aside>
      </el-container>
    </div>
  </div>
</template>
<style scoped>
.common-layout{
  height: 100%;
}
.el-aside{
  height: 100%;
}
.el-main{
  height: 100%;
  text-align: center;
}
</style>