派生自 ERP_override
north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue
@@ -1,16 +1,18 @@ <script setup> import {reactive, ref} from "vue" import {useRouter} from "vue-router" import {onMounted, reactive, ref} from "vue" import {useRouter,useRoute} from "vue-router" import request from "@/utils/request" import {ElMessage} from "element-plus"; const router = useRouter() const route = useRoute() let dialogTableVisible = ref(false) const xGrid = ref() const gridOptions = reactive({ border: "full",//表格加边框 keepSource: true,//保持源数据 align: 'center',//文字居中 stripe:true,//斑马纹楼号 rowConfig: {isCurrent: true, isHover: true,height: 50},//鼠标移动或选择高亮 rowConfig: {isCurrent: true, isHover: true,height: 30},//鼠标移动或选择高亮 id: 'OrderList', showFooter: true,//显示脚 printConfig: {}, @@ -35,85 +37,45 @@ },//表头参数 columns:[ {title: '操作', width: 110, slots: { default: 'button_slot' },fixed:"left",}, {field: '0',width:120, title: '序号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {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: '15',width:120, title: '加工要求',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '16',width:120, title: '备注',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true} {field: 'orderDetail.orderNumber',width:120, title: '序号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, //{field: 'orderDetail.buildingNumber',width:120, title: '楼号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.productName',width:120, title: '成品名称',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'glassAddress',width:120, title: '标记',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'glassChild',width:120, title: '子产品',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.width',width:120, title: '成品宽',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.height',width:120, title: '成品高',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.shape',width:120, title: '形状',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.grossArea',width:120, title: '总尺寸',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'childWidth',width:120, title: '单片宽',editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'childHeight',width:120, title: '单片高',editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.area',width:120, title: '单片尺寸',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.quantity',width:120, title: '数量',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'process',width:120, title: '工艺流程',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.processingNote',width:120, title: '加工要求',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.remarks',width:120, title: '备注',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'orderDetail.edgingType',width:120, title: '磨边类型',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true} ],//表头按钮 mergeCells: [ { row: 0, col: 1, rowspan: 2, colspan: 1 }, { row: 0, col: 2, rowspan: 2, colspan: 1 }, { row: 0, col: 3, rowspan: 2, colspan: 1 }, { row: 0, col: 6, rowspan: 2, colspan: 1 }, { row: 0, col: 7, rowspan: 2, colspan: 1 }, { row: 0, col: 1, rowspan: 4, colspan: 1 }, { row: 0, col: 2, rowspan: 4, colspan: 1 }, { row: 0, col: 4, rowspan: 4, colspan: 1 }, { row: 0, col: 5, rowspan: 4, colspan: 1 }, { row: 0, col: 6, rowspan: 4, colspan: 1 }, { row: 0, col: 7, rowspan: 4, colspan: 1 }, { row: 0, col: 8, rowspan: 4, colspan: 1 }, ], toolbarConfig: { buttons: [ {'code': 'remarks', 'name': '加工要求'}, {'code': 'Craft', 'name': '订单详情',status: 'primary'}, {'code': 'Craft', 'name': '审核',status: 'primary'}, {'code': 'review', 'name': '审核',status: 'primary'}, ], import: false, export: true, print: true, // import: false, // export: true, // print: true, zoom: true, custom: true }, data: [ { '0' : '1', '1' : 'JHH-T33-G-07A-01', '2' : '10mm超白UD60平钢(外)+12A暖(结)+10mm超白平钢(内)', '3' : '(外)', '4' : '10mm超白UD60平钢(外)', '5' : '1427', '6' : '2696', '7' : '普形', '8' : '42.32', '9' : '精磨', '10' : '1427', '11' : '1427', '12' : '42.32', '13' : '11', '14' : '切割->磨边->钢化->均质->中空->包装', '15' : '', '16' : '', '17':2 }, { '0' : '1', '1' : 'JHH-T33-G-07A-01', '2' : '10mm超白UD60平钢(外)+12A暖(结)+10mm超白平钢(内)', '3' : '(内)', '4' : '10mm超白平钢(内)', '5' : '1427', '6' : '2696', '7' : '普形', '8' : '42.32', '9' : '精磨', '10' : '1427', '11' : '1427', '12' : '42.32', '13' : '11', '14' : '切割->磨边->钢化->均质->中空->包装', '15' : '', '16' : '', '17' : 0, } ],//table body实际数据 footerMethod ({ columns, data }) {//页脚函数 return[ columns.map((column, columnIndex) => { @@ -136,16 +98,103 @@ if ($grid) { switch (code) { case 'Craft': { router.push({path: '/main/order/createOrder', query: { orderID: 12123 }}) router.push({path: '/main/order/createOrder', query: { orderId: titleUploadData.value.orderId }}) break } case 'review': { reviewOrderCraft(2) break } case 'reviews': {//反审 reviewOrderCraft(0) break } case 'remarks': { dialogTableVisible.value=true break } } } } } // 定义表头上传数据 const titleUploadData = ref({ project:'', orderType:'', customerId:'', customerName:'', icon:'', orderClassify:'', packType:'', orderId:'', deliveryDate:'', batch:'', calculateType:'', salesmanId:'', salesman:'', alType:'', money:'', contractId:'', customerBatch:'', contacts:'', contactNumber:'', deliveryAddress:'', otherMoney:'', otherMoneyRemarks:'', processingNote:'' }) //初始化判断是否有id传入 onMounted(()=>{ const str = route.query.orderId if (typeof str === 'undefined' || str === null || str === '' || str === '\n' || str === '\r'){ return } request.post(`/order/getOrderCraftById/${str}`).then((res) => { if(res.code==200){ console.log(res.data) titleUploadData.value = res.data.order //取消审核按钮禁用 if(res.data.order.processReview === 2 ){ //gridOptions.toolbarConfig.buttons[2].disabled = false gridOptions.toolbarConfig.buttons[2].code='reviews' gridOptions.toolbarConfig.buttons[2].name='反审' } //按钮审核过后变为反审 if(res.data.order.orderReview === 2){ gridOptions.toolbarConfig.buttons[2].disabled = true } xGrid.value.reloadData(res.data.orderGlassDetails) //xGrid.value.reloadData(res.data.orderDetails) }else{ ElMessage.error(res.msg) } }) }) const reviewOrderCraft = (state) => { request.post(`/order/reviewProcessById/${titleUploadData.value.orderId}/${state}`).then(res =>{ if(res.code==200){ gridOptions.toolbarConfig.buttons[2].disabled = true if(state==2){ ElMessage.success('审核成功！') }else if (state==0){ ElMessage.success('反审成功！') } setTimeout(() =>{ location.reload() },1500) }else{ ElMessage.error(res.msg) } }) } </script> <template> @@ -154,25 +203,25 @@ <div class="order-primary" style="background-color: white"> <el-row> <el-col :span="4"><el-text>销售单号：</el-text></el-col> <el-col :span="4"><el-text>NG23120704</el-text></el-col> <el-col :span="4"><el-text>{{titleUploadData.orderId}}</el-text></el-col> <el-col :span="4"><el-text>客户名称：</el-text></el-col> <el-col :span="4"><el-text>太仓高玻璃制品有限公司</el-text></el-col> <el-col :span="4"><el-text>{{titleUploadData.customerName}}</el-text></el-col> <el-col :span="4"><el-text>项目名称：</el-text></el-col> <el-col :span="4"><el-text>太仓卓高</el-text></el-col> <el-col :span="4"><el-text>{{titleUploadData.project}}</el-text></el-col> </el-row> <el-row> <el-col :span="4"><el-text>订单批次：</el-text></el-col> <el-col :span="4"><el-text>1批1</el-text></el-col> <el-col :span="4"><el-text>{{titleUploadData.batch}}</el-text></el-col> <el-col :span="4"><el-text>订单类型：</el-text></el-col> <el-col :span="4"><el-text>普通订单</el-text></el-col> <el-col :span="4"><el-text>{{ titleUploadData.orderType }}</el-text></el-col> <el-col :span="4"><el-text>业务员</el-text></el-col> <el-col :span="4"><el-text>张三</el-text></el-col> <el-col :span="4"><el-text>{{titleUploadData.salesman}}</el-text></el-col> </el-row> <el-row> <el-col :span="4"><el-text>包装方式：</el-text></el-col> <el-col :span="4"><el-text>木箱</el-text></el-col> <el-col :span="4"><el-text>{{titleUploadData.packType}}</el-text></el-col> <el-col :span="4"><el-text>交货日期：</el-text></el-col> <el-col :span="4"><el-text>2023-11-11</el-text></el-col> <el-col :span="4"><el-text>{{titleUploadData.deliveryDate}}</el-text></el-col> </el-row> </div> <div class="order-detail"> @@ -210,6 +259,13 @@ </vxe-grid> </div> <el-dialog v-model="dialogTableVisible" title="加工要求" style="width: 60%;height:75% "> <el-input v-model="titleUploadData.processingNote" type="textarea" :autosize="{ minRows: 2, maxRows: 20 }" /> </el-dialog> </div> </template> @@ -227,7 +283,7 @@ } .order-detail{ width: 100%; height: 80%; height: 90%; } </style>
