| New file |
| | |
| | | <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"/>--> |
| | | <!-- --> |
| | | <!-- <el-input placeholder="项目名称" v-model="form.region" style="width: 200px"/>--> |
| | | <!-- --> |
| | | <el-date-picker |
| | | v-model="form.date1" |
| | | type="daterange" |
| | | start-placeholder="开始时间" |
| | | end-placeholder="结束时间" |
| | | :default-time="defaultTime" |
| | | /> |
| | | |
| | | <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> |