| | |
| | | <script setup> |
| | | import {nextTick, onMounted, reactive, ref, watch} from "vue"; |
| | | import {nextTick, onMounted, reactive, ref, watch,onBeforeUnmount } from "vue"; |
| | | import {useI18n} from "vue-i18n"; |
| | | import {Folder, Plus, Setting, Operation,} from "@element-plus/icons-vue"; |
| | | import OptimizeCompute from "@/views/pp/glassOptimize/page/OptimizeCompute.vue"; |
| | |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'price', |
| | | width: 150, |
| | | title: t('单价'), |
| | | filters: [{data: ''}], |
| | | slots: {filter: 'num1_filter'}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'remark', |
| | | width: 150, |
| | | title: t('basicData.remarks'), |
| | |
| | | }, |
| | | ],//表头参数 |
| | | data: null,//表格数据 |
| | | toolbarConfig: { |
| | | buttons: [ |
| | | ], |
| | | import: false, |
| | | // export: true, |
| | | // print: true, |
| | | zoom: true, |
| | | custom: true |
| | | }, |
| | | //右键菜单 |
| | | menuConfig: { |
| | | body: { |
| | |
| | | }, |
| | | }, |
| | | }) |
| | | const processCardColumns = reactive([ |
| | | const processCardColumns = reactive({ |
| | | columns:[ |
| | | {field: 'process_id', title: '流程卡', width: 200, align: 'center'}, |
| | | {field: 'project', title: '项目名', width: 150, align: 'center'}, |
| | | {field: 'order_number', title: '订序', width: 100, align: 'center'}, |
| | | {field: 'sizes', title: '尺寸', width: 200, align: 'center'}, |
| | | {field: 'layer', title: '层', width: 100, align: 'center'}, |
| | | {field: 'quantity', title: '数量', width: 100, align: 'center'} |
| | | ]); |
| | | ], |
| | | toolbarConfig: { |
| | | buttons: [ |
| | | ], |
| | | import: false, |
| | | // export: true, |
| | | // print: true, |
| | | |
| | | }, |
| | | }); |
| | | |
| | | // 右键菜单 |
| | | const operationConfigs = [ |
| | |
| | | //工程号 |
| | | const projectNo = ref(route.params.projectNo); |
| | | const projectName = ref(''); |
| | | onBeforeUnmount(() => { |
| | | localStorage.setItem('projectNo', projectNo.value); |
| | | }); |
| | | |
| | | const fetchData = () => { |
| | | request.post(`/glassOptimize/projectInfo/${projectNo.value}`).then((res) => { |
| | |
| | | <template> |
| | | <div style="width: 100%;height: 85%;"> |
| | | <!-- 头部 --> |
| | | <div id="header" style="background-color: white"> |
| | | <div id="header" > |
| | | <!--工程文件菜单--> |
| | | <el-dropdown @command="handleCommand"> |
| | | <el-button type="primary" :icon="Folder" style="margin-top: 8px; margin-left: 5px"> |
| | |
| | | <optimize-compute/> |
| | | </el-dialog> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <!-- 表格容器 --> |
| | |
| | | height="100%" |
| | | class="right-table" |
| | | :data="processCardData" |
| | | :columns="processCardColumns" |
| | | v-bind="processCardColumns" |
| | | v-if="showProcessCardTable" |
| | | :header-cell-style="{'height': '51.9px'}" |
| | | > |
| | |
| | | width: 40%; |
| | | } |
| | | |
| | | :deep(.vxe-toolbar){ |
| | | height: 40px; |
| | | } |
| | | |
| | | #header { |
| | | height: 50px; |
| | | display: flex; |