From 9e9e7b3bd346f5189becc20fb6ac127c320ec1ee Mon Sep 17 00:00:00 2001 From: wang <3597712270@qq.com> Date: 星期二, 26 三月 2024 13:31:38 +0800 Subject: [PATCH] 前端页面 --- UI-Project/src/views/mm/purchaseReturn/Select.vue | 250 ------------------------------------------------- 1 files changed, 2 insertions(+), 248 deletions(-) diff --git a/UI-Project/src/views/mm/purchaseReturn/Select.vue b/UI-Project/src/views/mm/purchaseReturn/Select.vue index e4fb018..6a33ab7 100644 --- a/UI-Project/src/views/mm/purchaseReturn/Select.vue +++ b/UI-Project/src/views/mm/purchaseReturn/Select.vue @@ -1,255 +1,9 @@ -<template> - <el-container> - <el-header class="m-header" style="height: auto"> - <el-row :gutter="10" style="margin-bottom: 5px"> - - <el-col :span="7"> - <el-date-picker - v-model="datevalue" - type="daterange" - unlink-panels - range-separator="鍒�" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - :shortcuts="shortcuts" - :size="size" - format="YYYY/MM/DD" - value-format="YYYY-MM-DD" - /> - - </el-col> - - <el-col :span="2"> - <el-button - id="select" - type="primary" - :icon="Search" - @click="autoAddRow">鏌ヨ - </el-button> - </el-col> - </el-row> - - </el-header> - <el-main style="padding-top: 5px"> - <div @scroll="handleTableScroll"> - - <el-table :data="tableData" empty-text="鏆傛棤鏁版嵁" style="width: 100%" max-height="550px" border - show-summary - sum-text=" "> - <el-table-column fixed="left" prop="rIndex" label="" width="50" align="center"></el-table-column> - - <el-table-column fixed="left" label="鎿嶄綔" width="120"> - <template #default="scope"> - <el-button - link - type="primary" - size="small" - @click.prevent="deleteRow(scope.$index)" - > - 缂栬緫 - </el-button> - <el-button - link - type="primary" - size="small" - @click.prevent="deleteRow(scope.$index)" - > - 鍒犻櫎 - </el-button> - </template> - </el-table-column> - - - <el-table-column prop="ordernumber" label="閲囪喘鍗曞彿" width="150"/> - <el-table-column prop="name" label="渚涘簲鍟�" width="120"/> - <el-table-column prop="strockNumber" label="鐗╂枡缂栧彿" width="200"/> - <el-table-column prop="city" label="鐗╂枡鍚嶇О" width="120"/> - <el-table-column prop="width" sortable label="瀹藉害" width="120"/> - <el-table-column prop="height" sortable label="楂樺害" width="120"/> - <el-table-column prop="thick" sortable label="鍘氬害" width="120"/> - <el-table-column prop="zip" label="鍨嬪彿" width="120"/> - <el-table-column prop="number" label="鍗曚綅" width="120"/> - <el-table-column prop="number" sortable label="涓嶅惈绋庡崟浠�" width="120"/> - <el-table-column prop="number" label="鏁伴噺" width="120" show-summary="ture"/> - <el-table-column prop="number" label="宸查噰璐暟閲�" width="120"/> - <el-table-column prop="zip" sortable label="閲戦" width="120"/> - <el-table-column prop="zip" label="涓嶅惈绋庨噾棰�" width="120"/> - <el-table-column prop="date" label="绋庣巼" width="120"/> - <el-table-column prop="date" label="搴撳瓨" width="120"/> - <el-table-column prop="zip" label="鍛ㄧ敤閲�" width="120"/> - <el-table-column prop="zip" label="鏈堢敤閲�" width="120"/> - <el-table-column prop="state" label="鍗曟嵁鐘舵��" width="120"/> - <el-table-column prop="ordernumber" label="閿�鍞崟鍙�" width="200"/> - <el-table-column prop="date" label="鍒跺崟鏃ユ湡" width="120"/> - <el-table-column prop="zip" label="鍒跺崟浜�" width="120"/> - <el-table-column prop="zip" label="閲囪喘閮ㄩ棬" width="120"/> - <el-table-column prop="zip" label="閲囪喘缁勭粐" width="120"/> - <el-table-column prop="zip" label="澶囨敞" width="200"/> - - - </el-table> - - - </div> - </el-main> - </el-container> -</template> - - <script setup> - -import {nextTick, ref} from 'vue' -import {Search} from "@element-plus/icons-vue"; - -const s_wuliaomingcheng = ref('') -const s_buyOrderNumber = ref('') -const s_width = ref('') -const s_height = ref('') -const s_thick = ref('') - - -const options = [ - { - value: '0', - label: '鍏ㄩ儴' - }, - { - value: '1', - label: '鍘熺墖' - }, - { - value: '2', - label: '鍖栧鍝�' - }, - { - value: '3', - label: '宸ュ叿' - }, - { - value: '4', - label: '鏈ㄧ' - }, - { - value: '5', - label: '鐧界幓' - }, -] - -const buyerOptions = [ - { - value: '0', - label: '鍏ㄩ儴' - }, - { - value: '1', - label: '閲囪喘鐢�' - }, - { - value: '2', - label: '閲囪喘涔�' - }, -] - -const stateOptions = [ - { - value: '0', - label: '寰呭鏍�' - }, - { - value: '1', - label: '寰呴噰璐�' - }, - { - value: '2', - label: '宸查噰璐�' - }, -] - -import dayjs from 'dayjs' -import 'dayjs/locale/zh-cn' - -const now = new Date() - -const tableData = ref([]) - -const autoAddRow = () => { - for (let i = 0; i < 10; i++) { - now.setDate(now.getDate() + 1) - const randomInt = Math.floor(Math.random() * 999) + 1000; - const randomOrderInt = Math.floor(Math.random() * 99) + 100; - const randomSumInt = Math.floor(Math.random() * 99) + 10; - var t = i % 2 === 0 ? 5 : 6; - var s = i % 3 === 0 ? '' : i % 4 === 0 ? '宸查噰璐�' : '寰呭鏍�'; - var oNo = 'NGNO100000' + randomOrderInt;//璁㈠崟缂栧彿 - var wlNo = 'NGWL100000' + randomInt - tableData.value.push({ - - date: dayjs(now).format('YYYY-MM-DD'), - name: '渚涘簲鍟�' + randomSumInt, - state: s, - city: 'Los Angeles', - address: 'No. 189, Grove St, Los Angeles', - zip: 'CA 90036', - number: randomInt, - width: '3660', - height: '2440', - rIndex: tableData.value.length + 1, - ordernumber: oNo, - strockNumber: wlNo, - thick: t - }) - } -} - -const datevalue = ref('') - -const shortcuts = [ - { - text: '杩戜竴鍛�', - value: () => { - const end = new Date() - const start = new Date() - start.setTime(start.getTime() - 3600 * 1000 * 24 * 7) - return [start, end] - }, - }, - { - text: '杩戜竴涓湀', - value: () => { - const end = new Date() - const start = new Date() - start.setTime(start.getTime() - 3600 * 1000 * 24 * 30) - return [start, end] - }, - }, - { - text: '杩戜笁涓湀', - value: () => { - const end = new Date() - const start = new Date() - start.setTime(start.getTime() - 3600 * 1000 * 24 * 90) - return [start, end] - }, - }, -] - </script> +<template> +</template> <style scoped> -.el-row { - margin-bottom: 20px; -} -.el-row:last-child { - margin-bottom: 0; -} - -.el-col { - border-radius: 4px; -} - -.m-header { - height: 32px; -} </style> \ No newline at end of file -- Gitblit v1.8.0