派生自 ERP_override
north-glass-erp/northglass-erp/src/views/sd/delivery/SelectOrderList.vue
@@ -2,12 +2,21 @@ import {Search} from "@element-plus/icons-vue" import {useRouter} from "vue-router" import {reactive, ref} from "vue"; import request from "@/utils/request" import deepClone from "@/utils/deepClone" import VXETable from "vxe-table"; import useUserInfoStore from "@/stores/userInfo"; import {ElMessage} from "element-plus"; const router = useRouter() const userStore = useUserInfoStore() const username = userStore.user.userName const userid = userStore.user.userId let produceList = ref([]) const getTableRow = (row,type) =>{ switch (type) { case 'edit' :{ //alert('我接收到子组件传送的编辑信息') router.push({path: '/main/delivery/createDelivery', query: { deliveryID: 'JG24010101' }}) break } @@ -17,6 +26,90 @@ } } } const hasDecimal=(value)=>{ const regex=/\./ // 定义正则表达式，查找小数点 return regex.test(value) //返回true/false } const hasDecimalhtml=(item,row)=>{ let aa=item.split('.').length if (aa===2){ return row[item.split('.')[0]][item.split('.')[1]] }else if(aa===3){ return row[item.split('.')[0]][item.split('.')[1]][item.split('.')[2]] } } //筛选条件，有外键需要先定义明细里面的数据 let filterData = ref({ finishedGoodsInventory:{ quantityAvailable:'', }, }) //第一次调用 request.post("/Delivery/getSelectOrderInventory/1/100",filterData.value).then((res) => { if(res.code==200){ pageTotal.value=res.data.total pageNum=1 produceList = deepClone(res.data.data) xGrid.value.loadData(produceList) gridOptions.loading=false }else{ ElMessage.warning(res.msg) router.push("/login") } }) //定义页面总页数 let pageTotal=ref('') //定义当前页数 let pageNum=$ref(1) const changeFilterEvent = (event, option, $panel,) => { // 手动触发筛选 $panel.changeOption(event, !!option.data, option) } function filterChanged(column){ gridOptions.loading=true //筛选条件发生变化条件发生变化 let value = column.datas[0]!=undefined?column.datas[0]:'' value = value.trim() //判断是否存在外键 if (column.property.indexOf('.')>-1){ const columnArr = column.property.split('.') filterData.value[columnArr[0]] = { [columnArr[1]]:value } }else{ filterData.value[column.property] = value } request.post("/Delivery/getSelectOrderInventory/1/100",filterData.value).then((res) => { if(res.code==200){ console.log(res.data) pageTotal.value=res.data.total pageNum=1 produceList = deepClone(res.data.data) xGrid.value.loadData(produceList) gridOptions.loading=false }else{ ElMessage.warning(res.msg) router.push("/login") } }) } const xGrid = ref() const gridOptions = reactive({ border: "full",//表格加边框 @@ -48,33 +141,31 @@ },//表头参数 columns:[ {type:'expand',slots: { content:'content' },width: 50,fixed:"left"}, {type:'checkbox',title: '选则', width: 80,fixed:"left"}, {type:'expand',slots: { content:'content' },width: 60,fixed:"left"}, {type:'checkbox',title: '选择', width: 80,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: 60, 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: 'quantity',width:120, title: '总数量',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'finishedGoodsInventory.quantityAvailable',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: 'money',width:120, title: '总金额',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, 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: 'creator',width:120, title: '创建人',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true} ],//表头按钮 @@ -88,47 +179,11 @@ 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) => { if (columnIndex === 0) { return '合计:' return `页数:${pageNum}/${pageTotal.value}` } // if (props.tableProp.footList.includes(column.field)) { // return sumNum(data, column.field) @@ -145,7 +200,23 @@ if ($grid) { switch (code) { case 'add': { router.push({path: '/main/delivery/createDelivery', params: { orderID: 'NG24010101' }}) const selectRecords = $grid.getCheckboxRecords() console.log(selectRecords) if (selectRecords.length === 0) { ElMessage.warning("未选中数据") return } let order_id="" for (let i=0;i<selectRecords.length;i++){ if(i+1===selectRecords.length){ order_id+=selectRecords[i].orderId }else{ order_id+=selectRecords[i].orderId+"|" } } router.push({path: '/main/delivery/createDelivery', query: { orderId: order_id }}) break } } @@ -170,6 +241,7 @@ <vxe-grid max-height="97%" class="mytable-scrollbar" @filter-change="filterChanged" ref="xGrid" v-bind="gridOptions" v-on="gridEvents" @@ -185,8 +257,8 @@ </ul> </template> <template #state="{ row}"> <el-checkbox checked/> <template #state="{ row,column}"> <el-checkbox @click.native.prevent :checked="row[column.field]===2"/> </template> <!--左边固定显示的插槽-->
