guoyuji
2024-01-26 d01fa9d49a8c8a723493aecb681d4e1f3e25fce5
north-glass-erp/northglass-erp/src/views/pp/processCard/SelectPrintFlowCard.vue
New file
@@ -0,0 +1,106 @@
<script lang="ts" setup>
import {reactive, ref} from 'vue'
// do not use same name with ref
const form = reactive({
  name: '',
  region: '',
  date1: '',
  date2: '',
  delivery: false,
  type: [],
  resource: '',
  desc: '',
})
const defaultTime = ref<[Date, Date]>([
  new Date(2000, 1, 1, 0, 0, 0),
  new Date(2000, 2, 1, 23, 59, 59),
])
const tableData = [
  {
    salesOrderNo: 'NG231201',
    entryName: '信合春天里',
    total: '169',
    TotalArea: '175.31',
  },
  {
    salesOrderNo: 'NG231202',
    entryName: '信合春天里',
    total: '169',
    TotalArea: '175.31',
  },
  {
    salesOrderNo: 'NG231203',
    entryName: '信合春天里',
    total: '169',
    TotalArea: '175.31',
  },
  {
    salesOrderNo: 'NG231204',
    entryName: '信合春天里',
    total: '169',
    TotalArea: '175.31',
  },
  {
    salesOrderNo: 'NG231205',
    entryName: '信合春天里',
    total: '169',
    TotalArea: '175.31',
  },
  {
    salesOrderNo: 'NG231206',
    entryName: '信合春天里',
    total: '169',
    TotalArea: '175.31',
  },
  {
    salesOrderNo: 'NG231207',
    entryName: '信合春天里',
    total: '169',
    TotalArea: '175.31',
  },
]
</script>
<template>
  <div>
    <div id="selectForm">
      <el-row :gutter="0">
<!--        <el-input placeholder="销售单号" v-model="form.name" style="width: 200px"/>-->
<!--        &nbsp;&nbsp;-->
<!--        <el-input placeholder="项目名称" v-model="form.region" style="width: 200px"/>-->
<!--        &nbsp;&nbsp;-->
        <el-date-picker
            v-model="form.date1"
            type="daterange"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            :default-time="defaultTime"
        />
        &nbsp;&nbsp;
        <el-button type="primary">查询</el-button>
      </el-row>
    </div>
    <el-table :data="tableData" border style="width: 100%" height="100%">
      <el-table-column sortable prop="salesOrderNo" label="销售单号" width="110" >
        <template v-slot="scope">
          <router-link :to="{path:'PrintFlowCard'}" >{{scope.row.salesOrderNo}}</router-link>
        </template>
      </el-table-column>
      <el-table-column prop="entryName" label="项目名称" width="155" />
      <el-table-column prop="total" label="总片数" width="75" />
      <el-table-column prop="TotalArea" label="总面积" width="100" />
    </el-table><!-- <h1>{{msg}}</h1> -->
  </div>
</template>
<style scoped>
#selectForm {
  width: 40%;
  height: 100%;
  text-align: center;
}
</style>