From 56fab901b298857ff4985b7429ef843c9a9d1471 Mon Sep 17 00:00:00 2001 From: wangfei <3597712270@qq.com> Date: 星期三, 28 八月 2024 16:20:02 +0800 Subject: [PATCH] 钢化模块打印功能,新增表格字段 --- UI-Project/src/views/Caching/caching.vue | 808 ++------------------------------------------------------- 1 files changed, 34 insertions(+), 774 deletions(-) diff --git a/UI-Project/src/views/Caching/caching.vue b/UI-Project/src/views/Caching/caching.vue index 76b577a..d0567d3 100644 --- a/UI-Project/src/views/Caching/caching.vue +++ b/UI-Project/src/views/Caching/caching.vue @@ -1,789 +1,49 @@ <script setup> -import {Search} from "@element-plus/icons-vue"; -import {reactive} from "vue"; -import {useRouter} from "vue-router" -const router = useRouter() - -import { ref } from 'vue' -import { ElMessage, ElMessageBox } from 'element-plus' -// import LanguageMixin from './lang/LanguageMixin' - - -const tableData = [ - { - id: '1', - long: '1005', - wide: '183.6', - thick: '1991', - type: '1200', - typea: '1', - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '1200' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '1200' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '1200' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - }, - { - id: '2', - long: '105', - wide: '183', - thick: '191', - typea: '1', - type: '寰呰瘑鍒�' - } -] -const tableDataa = [ - { - ida: '3', - longa: '1005', - widea: '183.6', - thicka: '1991', - }, - { - ida: '4', - longa: '105', - widea: '183', - thicka: '191', - } -] - -const dialogForm = () => { - ElMessageBox.confirm( - '鏄惁鎶ョ己?', - '鎻愮ず', - { - confirmButtonText: '鏄�', - cancelButtonText: '鍙栨秷', - type: 'warning', - } - ) - .then(() => { - // this.boxa = true - // this.box = false - - }) +import {ArrowLeftBold, ArrowRight, Search} from "@element-plus/icons-vue" +import {useRouter} from "vue-router"; +let indexFlag=$ref(1) +function changeRouter(index){ + indexFlag=index } -const open = () => { - ElMessageBox.confirm( - '鏄惁鍒犻櫎璇ユ潯淇℃伅?', - '鎻愮ず', - { - confirmButtonText: '鏄�', - cancelButtonText: '鍙栨秷', - type: 'warning', - } - ) - .then(() => { - ElMessage({ - type: 'success', - message: '鍒犻櫎鎴愬姛锛�', - }) - }) - .catch(() => { - ElMessage({ - type: 'info', - message: '鍒犻櫎澶辫触', - }) - }) -} -const getTableRow = (row,type) =>{ - switch (type) { - case 'edit' :{ - //alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑缂栬緫淇℃伅') - router.push({path: '/main/returns/createReturns', query: { ReturnID: 'TH24010101' }}) - break - } - case 'delete':{ - alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑鍒犻櫎淇℃伅') - break - } - } -} - -const gridOptions = reactive({ - border: "full",//琛ㄦ牸鍔犺竟妗� - keepSource: true,//淇濇寔婧愭暟鎹� - align: 'center',//鏂囧瓧灞呬腑 - stripe:true,//鏂戦┈绾� - rowConfig: {isCurrent: true, isHover: true,height: 50},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒 - id: 'OrderList', - showFooter: true,//鏄剧ず鑴� - printConfig: {}, - importConfig: {}, - exportConfig: {}, - scrollY:{ enabled: true },//寮�鍚櫄鎷熸粴鍔� - showOverflow:true, - columnConfig: { - resizable: true, - useKey: true - }, - filterConfig: { //绛涢�夐厤缃」 - remote: true - }, - customConfig: { - storage: true - }, - editConfig: { - trigger: 'click', - mode: 'row', - showStatus: true - }, - data: [ - { - 'id': '1', - 'long': '5', - 'wide': '1005', - 'thick': '183.6', - } - ] - -}) - - </script> <template> - <div> - <el-card style="flex: 1;margin-left: 10px;margin-top: 20px;" v-loading="loading"> - <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> - <el-table height="240" ref="table" - @selection-change="handleSelectionChange" - :data="tableData" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> - <el-table-column prop="id" align="center" label="鐜荤拑ID" min-width="80" /> - <el-table-column prop="long" align="center" label="浣嶇疆" min-width="120" /> - <el-table-column prop="wide" align="center" label="瀹�" min-width="120" /> - <el-table-column prop="type" align="center" label="闀�" min-width="120" /> - <el-table-column fixed="right" label="鎿嶄綔" align="center" width="200"> - <template #default> - <el-button size="mini" type="text" plain @click="dialogForm">鎶ョ己</el-button> - </template> - </el-table-column> - </el-table> - </div> - </el-card> + <!-- <div id="main-div"> --> - </div> - <div id="awatch"> - <img src="../../assets/woshihuancun.png" alt="" style="width: 60%;height: 90%;margin-left: 260px;margin-top: 20px;"> -</div> + <div id="main-body"> + <router-view /> + </div> + <!-- </div> --> </template> <style scoped> - -#dt { display:block; float:left;line-height: 20px;margin-left: 100px;} -#dta { display:block; float:left;line-height: 20px;margin-left: 80%;} -#dialog-footer{ - text-align: center; - margin-top: -15px; +#main-div{ + width: 100%; + height: 100%; } -#message{ - text-align: center; - align-items: center; - color: black; - width: 200px; - height: 100px; - background-color: #337ecc; - margin-left: 28%; +#div-title{ + height: 2%; + width: 100%; } -#awatch{ - height: 460px; - /* margin-top: -60px; */ +#searchButton{ + margin-top: -5px; + margin-left: 1rem; +} +/* #searchButton1{ +//margin-left: 10rem; +} */ +/*main-body鏍峰紡*/ +#main-body{ + width: 100%; + height: 95%; + /* margin-top: 1%; */ +} +#select{ + margin-left:0.5rem; +} +:deep(.indexTag .el-breadcrumb__inner){ + color: #5CADFE !important; } </style> \ No newline at end of file -- Gitblit v1.8.0