派生自 ERP_override
north-glass-erp/northglass-erp/src/views/pp/reportingWorks/QualityInReviewDetail.vue
@@ -1,25 +1,18 @@ <script setup> import {reactive} from "vue"; import {reactive, ref} from "vue"; import {useRouter} from 'vue-router' let router=useRouter() const getTableRow = (row,type) =>{ switch (type) { case 'edit' :{ //alert('我接收到子组件传送的编辑信息') router.push({path: '/main/reportingWorks/ReportingWorkDetail', query: { id: row.id }}) break } case 'delete':{ alert('我接收到子组件传送的删除信息') break } case 'setType':{ alert('我接收到子组件传送的反审状态') break } } } import request from "@/utils/request"; import deepClone from "@/utils/deepClone"; import {ElMessage} from "element-plus"; import {changeFilterEvent, filterChanged} from "@/hook" import { useI18n } from 'vue-i18n' import useUserInfoStore from "@/stores/userInfo"; //语言获取 const { t } = useI18n() let router = useRouter() const userStore = useUserInfoStore() const username = userStore.user.userName //表尾求和 const sumNum = (list, field) => { @@ -29,15 +22,63 @@ }) return count.toFixed(2) } //筛选条件，有外键需要先定义明细里面的数据 let filterData = ref({ orderGlassDetail: { glassChild: '', glassAddress: '', childWidth: '', childHeight: '', }, orderDetail:{ shape:'', }, damageDetails: { qualityInsStatus: '', breakageQuantity: '', available: '', returnProcess: '', breakageType: '', breakageReason: '', responsibleEquipment: '', responsibleProcess: '', responsibleTeam: '', responsiblePersonnel: '', }, }) //定义数据返回结果 let produceList = ref([]) //首次加载 const { currentRoute } = useRouter() const route = currentRoute.value let reportingWorkId=route.query.reportingWorkId let processId=route.query.processId let thisProcess=route.query.thisProcess request.post(`/reportingWork/detailsQuality/${reportingWorkId}/${processId}/${thisProcess}`, filterData.value).then((res) => { if (res.code == 200) { produceList = produceList.value.concat(deepClone(res.data.data)) xGrid.value.reloadData(produceList) gridOptions.loading = false } else { ElMessage.warning(res.msg) } }) //子组件接收参数 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: 'CustomerList', showFooter: true,//显示脚 printConfig: {}, @@ -50,7 +91,7 @@ useKey: true }, filterConfig: { //筛选配置项 remote: true // remote: true }, customConfig: { storage: true @@ -62,28 +103,24 @@ },//表头参数 columns:[ {type:'expand',fixed:"left",slots: { content:'content' },width: 50}, { type: 'seq',fixed:"left", title: '自序', width: 50 }, {field: 'serialNumber', width: 120, title: '序号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true, }, {field: 'singlePieceName',width: 120, title: '单片名称', sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: 'marking', width: 130,title: '标记', sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: 'pieces',width: 120, title: '片标记',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'processCardNumber', width: 100,title: '流程卡数量', sortable: true,showOverflow:"ellipsis"}, {field: 'width', width: 100,title: '宽', sortable: true}, {field: 'height',width: 100, title: '高', sortable: true}, // { type: 'seq',fixed:"left", title: '自序', width: 50 }, {field: 'order_number',fixed:"left", width: 120, title: '序号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true, }, {field: 'glass_child',fixed:"left",width: 120, title: '单片名称', sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: 'technology_number', width: 130,title: '小片顺序', sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: 'glass_address',width: 120, title: '片标记',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: 'child_width', width: 100,title: '宽', sortable: true}, {field: 'child_height',width: 100, title: '高', sortable: true}, {field: 'shape',width: 120, title: '形状', sortable: true,showOverflow:"ellipsis"}, {field: 'upCompletedQuantity', width: 120,title: '上工完工数量', sortable: true}, {field: 'completedQuantity',width: 120, title: '完工数量', sortable: true}, {field: 'numberBroken',width: 120, title: '次破数量', sortable: true}, {field: 'availableUse',width: 120, title: '可利用', sortable: true}, {field: 'returnProcess',width: 120, title: '退回工序', sortable: true}, {field: 'reasonType',width: 120, title: '次破类型', sortable: true}, {field: 'reasonDamage',width: 120, title: '次破原因', sortable: true}, {field: 'responsibilityDevice',width: 120, title: '责任设备', sortable: true}, {field: 'responsibilityProcess',width: 120, title: '责任工序', sortable: true}, {field: 'responsibilityTeams',width: 120, title: '责任班组', sortable: true}, {field: 'responsibilityPersonnel',width: 120, title: '责任人员', sortable: true}, {field: 'completed',width: 90, title: '已完工', sortable: true}, {field: 'onceBroken',width: 90, title: '已次破', sortable: true}, {field: 'completed_quantity',width: 120, title: '完工数量', sortable: true}, {field: 'breakage_quantity',width: 120, title: '次破数量', sortable: true}, {field: 'available',width: 120, title: '可利用', sortable: true}, {field: 'return_process',width: 120, title: '退回工序', sortable: true}, {field: 'breakage_type',width: 120, title: '次破类型', sortable: true}, {field: 'breakage_reason',width: 120, title: '次破原因', sortable: true}, {field: 'responsible_equipment',width: 120, title: '责任设备', sortable: true}, {field: 'responsible_process',width: 120, title: '责任工序', sortable: true}, {field: 'responsible_team',width: 120, title: '责任班组', sortable: true}, {field: 'responsible_personnel',width: 120, title: '责任人员', sortable: true}, ],//表头按钮 toolbarConfig: { @@ -97,114 +134,10 @@ custom: true }, data: [ { serialNumber:'1', singlePieceName: '6mm白玻平钢(外)', marking: '1', pieces: '(外)', processCardNumber: '11', width: '575', height:"2241", shape: '普形', upCompletedQuantity: '12', completedQuantity: '1', numberBroken:'', availableUse:'', returnProcess:'', reasonType: '机器', reasonDamage:'气泡超标', available:'', reworkProcess:'', responsibilityProcess:'中空', responsibilityTeams:'中空一班', responsibilityPersonnel:'', responsibilityDevice:'中空3#线', completed:'', onceBroken:'', }, { serialNumber:'1', singlePieceName: '6mm白玻平钢(内)', marking: '2', pieces: '(内)', processCardNumber: '11', width: '575', height:"2241", shape: '普形', upCompletedQuantity: '12', completedQuantity: '1', numberBroken:'', availableUse:'', returnProcess:'', reasonType: '机器', reasonDamage:'气泡超标', available:'', reworkProcess:'', responsibilityProcess:'中空', responsibilityTeams:'中空一班', responsibilityPersonnel:'', responsibilityDevice:'中空3#线', completed:'', onceBroken:'', }, { serialNumber:'2', singlePieceName: '8mm白玻平钢(外)', marking: '1', pieces: '(外)', processCardNumber: '11', width: '575', height:"2241", shape: '普形', upCompletedQuantity: '12', completedQuantity: '1', numberBroken:'', availableUse:'', returnProcess:'', reasonType: '机器', reasonDamage:'气泡超标', available:'', reworkProcess:'', responsibilityProcess:'中空', responsibilityTeams:'中空一班', responsibilityPersonnel:'', responsibilityDevice:'中空3#线', completed:'', onceBroken:'', }, { serialNumber:'2', singlePieceName: '8mm白玻平钢(内)', marking: '2', pieces: '(内)', processCardNumber: '11', width: '575', height:"2241", shape: '普形', upCompletedQuantity: '12', completedQuantity: '1', numberBroken:'', availableUse:'', returnProcess:'', reasonType: '机器', reasonDamage:'气泡超标', available:'', reworkProcess:'', responsibilityProcess:'中空', responsibilityTeams:'中空一班', responsibilityPersonnel:'', responsibilityDevice:'中空3#线', completed:'', onceBroken:'', }, ],//table body实际数据 //脚部求和 footerMethod ({ columns, data }) {//页脚函数 let footList=['processCardNumber','upCompletedQuantity','completedQuantity','numberBroken','completed','onceBroken'] let footList=[''] return[ columns.map((column, columnIndex) => { if (columnIndex === 0) { @@ -246,12 +179,7 @@ </ul> </template> <!--左边固定显示的插槽--> <template #button_slot="{ row }"> <el-button @click="getTableRow(row,'edit')" link type="primary" size="small">编辑</el-button> <el-button @click="getTableRow(row,'setType')" link type="primary" size="small">反审</el-button> <el-button @click="getTableRow(row,'delete')" link type="primary" size="small">删除</el-button> </template> <template #num1_filter="{ column, $panel }"> <div>
