派生自 ERP_override
north-glass-erp/northglass-erp/src/views/sd/order/SelectOrder.vue
@@ -4,21 +4,12 @@ import {reactive, ref} from "vue"; const router = useRouter() import ProcessCardProgress from '@/views/pp/report/ProcessCardProgress.vue' import request from "@/utils/request"; import deepClone from "@/utils/deepClone"; import {ElMessage} from "element-plus"; const getTableRow = (row,type) =>{ switch (type) { case 'edit' :{ //alert('我接收到子组件传送的编辑信息') router.push({path: '/main/order/createOrder', query: { orderID: 'NG24010101' }}) break } case 'delete':{ alert('我接收到子组件传送的删除信息') break } } } const xGrid = ref() const gridOptions = reactive({ border: "full",//表格加边框 keepSource: true,//保持源数据 @@ -52,78 +43,49 @@ {title: '操作', width: 110, slots: { default: 'button_slot' },fixed:"left",}, {type: 'seq', title: '自序', width: 80 ,fixed:"left",}, {title: '下单', width: 40, slots: { default: 'state' }}, {title: '工艺', width: 40, slots: { default: 'state' }}, {title: '审核', width: 40, slots: { default: 'state' }}, {title: '生产', width: 40, slots: { default: 'state' }}, {title: '交接', width: 40, slots: { default: 'state' }}, {title: '下达', width: 40, slots: { default: 'state' }}, {title: '入库', width: 40, slots: { default: 'state' }}, {title: '发货', width: 40, slots: { default: 'state' }}, {field:'createOrder',title: '下单', width: 40, slots: { default: 'state' }}, {field:'processReview',title: '工艺', width: 40, slots: { default: 'state' }}, {field:'orderReview',title: '审核', width: 40, slots: { default: 'state' }}, {field:'productionOrder',title: '工单', width: 40, slots: { default: 'state' }}, {field:'processingCard',title: '流程卡', width: 40, slots: { default: 'state' }}, {field:'warehousing',title: '入库', width: 40, slots: { default: 'state' }}, {field:'delivery',title: '发货', width: 40, slots: { default: 'state' }}, {field: '1',width:120, title: '销售单号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '2',width:120, title: '客户编号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '3',width:120, title: '客户名称',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '4',width:120, title: '总数量',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '5',width:120, title: '可用库存',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '6',width:120, title: '项目名称',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '7',width:120, title: '批次',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '8',width:120, title: '总金额',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '9',width:120, title: '结算总面积',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '10',width:120, title: '报表日期',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '11',width:120, title: '包装方式',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '12',width:120, title: '订单类型',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '13',width:120, title: '订单类型',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '14',width:120, title: '订单类型',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true} {field: 'orderId',width:120, title: '销售单号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'customerId',width:120, title: '客户编号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'customerName',width:120, title: '客户名称',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'project',width:120, title: '项目名称',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'batch',width:120, title: '批次',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'quantity',width:120, title: '数量',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '14',width:120, title: '库存数', sortable: true}, {field: 'area',width:120, title: '总结算面积',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'createTime',width:120, title: '报表日期',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'packType',width:120, title: '包装方式',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderType',width:120, title: '订单类型',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'salesman',width:120, title: '业务员',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'perimeter',width:120, title: '周长',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'deliveryDate',width:120, title: '交货日期',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'customerBatch',width:120, title: '客户批次',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, //{field: '14',width:120, title: '备注',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'deliveryAddress',width:120, title: '地址',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true} ],//表头按钮 toolbarConfig: { buttons: [ ], import: false, export: true, print: true, slots:{ buttons: "toolbar_buttons" }, // import: false, // export: true, // print: true, zoom: true, custom: true }, data: [ { '0': '1', '1': 'NG23110102', '2': '11', '3': '中建', '4': '534', '5': '116', '6': '黄石有轨电车', '7': '20批', '8': '111100.02', '9': '1008.38', '10': '2023-10-30', '11': '叉车木箱', '12': '普通订单', '13': '', '14': '王龙' }, { '0': '1', '1': 'NG23110101', '2': '11', '3': '中建', '4': '534', '5': '116', '6': '黄石有轨电车', '7': '20批', '8': '111100.02', '9': '1008.38', '10': '2023-10-30', '11': '叉车木箱', '12': '普通订单', '13': '', '14': '王龙' } ],//table body实际数据 footerMethod ({ columns, data }) {//页脚函数 return[ columns.map((column, columnIndex) => { @@ -140,10 +102,25 @@ }) const dialogTableVisible = ref(false) let orderType = ref("2") let selectDate = ref(["",""]) let filterData = ref({}) let orderList = ref([]) request.post(`/order/getOrderList/1/100/${orderType.value}/${selectDate.value}`,filterData).then((res) => { if(res.code==200){ console.log(res.data) orderList.value = deepClone(res.data.data) xGrid.value.loadData(orderList.value) }else{ ElMessage.warning(res.msg) } }) const cellClickEvent =()=>{ dialogTableVisible.value = true } //双击表格行 // const cellClickEvent =()=>{ // dialogTableVisible.value = true // } @@ -176,8 +153,9 @@ </ul> </template> <template #state="{ row}"> <el-checkbox checked/> <template #state="{ row,column}"> <!-- <p>{{row[column.field]}}</p>--> <el-checkbox @click.native.prevent :indeterminate="row[column.field]===1" :checked="row[column.field]===2"/> </template> <!--左边固定显示的插槽--> @@ -193,6 +171,15 @@ </div> </div> </template> <template #toolbar_buttons> <vxe-select v-model="orderType" placeholder="订单类型"> <vxe-option value="2" label="正常订单"></vxe-option> <vxe-option value="-2" label="作废订单"></vxe-option> <vxe-option value="" label="全部订单"></vxe-option> </vxe-select> </template> </vxe-grid> <el-dialog v-model="dialogTableVisible" title="流程卡进度" style="width: 80%;height:75% ">
