派生自 ERP_override
north-glass-erp/northglass-erp/src/views/pp/report/DamageReport.vue
@@ -6,7 +6,7 @@ import deepClone from "@/utils/deepClone"; import {ElDatePicker, ElMessage} from "element-plus"; import {useI18n} from 'vue-i18n' import {changeFilterEvent, filterChanged} from "@/hook" import exportExcel from "@/hook/exportExcel"; //语言获取 const {t} = useI18n() let router = useRouter() @@ -78,12 +78,12 @@ processType: [], }) //第一次加载数据 request.post(`/report/damageReport/${startTime}/${endTime}`, filterData.value).then((res) => { request.post(`/report/damageReport/1/${total.pageSize}/${startTime}/${endTime}`, filterData.value).then((res) => { if (res.code == 200) { // total.dataTotal = res.data.total.total*1 // total.pageTotal= res.data.total.pageTotal // pageTotal.value = res.data.total total.dataTotal = res.data.total.total*1 total.pageTotal= res.data.total.pageTotal pageTotal.value = res.data.total produceList = produceList.value.concat(deepClone(res.data.data)) xGrid.value.reloadData(produceList) gridOptions.loading = false @@ -97,7 +97,7 @@ let startTime = form.date1[0] let endTime = form.date1[1] request.post(`/report/selectReportingWork/${pageNum.value}/${total.pageSize}/${startTime}/${endTime}/${inputVal}`, filterData.value).then((res) => { request.post(`/report/damageReport/${pageNum.value}/${total.pageSize}/${startTime}/${endTime}`, filterData.value).then((res) => { if (res.code == 200) { @@ -114,14 +114,14 @@ let startTime = form.date1[0] let endTime = form.date1[1] request.post(`/report/damageReport/${startTime}/${endTime}`, filterData.value).then((res) => { request.post(`/report/damageReport/${pageNum.value}/${total.pageSize}/${startTime}/${endTime}`, filterData.value).then((res) => { if (res.code == 200) { // total.dataTotal = res.data.total.total*1 // total.pageTotal= res.data.total.pageTotal // pageTotal.value = res.data.total produceList = deepClone(res.data.data) xGrid.value.reloadData(produceList) total.dataTotal = res.data.total.total * 1 total.pageTotal = res.data.total.pageTotal pageTotal.value = res.data.total xGrid.value.loadData(res.data.data) gridOptions.loading = false } else { ElMessage.warning(res.msg) } @@ -135,31 +135,45 @@ selectPageList() } /*使用筛选，后端获取数据*/ // const changeFilterEvent = (event, option, $panel,) => { // // 手动触发筛选 // $panel.changeOption(event, !!option.data, option) // } 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 // } // // gridOptions.loading = true // // } 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 } gridOptions.loading = true let startTime = form.date1[0] let endTime = form.date1[1] request.post(`/report/damageReport/1/${total.pageSize}/${startTime}/${endTime}`, filterData.value).then((res) => { if (res.code == 200) { total.dataTotal = res.data.total.total*1 total.pageTotal=parseInt(res.data.total) pageNum.value=1 produceList = deepClone(res.data.data) xGrid.value.reloadData(produceList) gridOptions.loading=false } else { ElMessage.warning(res.msg) } }) } /*后端返回结果多层嵌套展示*/ const hasDecimal = (value) => { @@ -187,7 +201,7 @@ useKey: true }, filterConfig: { //筛选配置项 // remote: true remote: true }, customConfig: { storage: true @@ -201,59 +215,52 @@ {type: 'expand', fixed: "left", slots: {content: 'content'}, width: 50}, {type: 'seq', fixed: "left", title: '自序', width: 50}, { field: 'order_id', width: 120, title: '销售单号', filters: [{data: ''}], slots: {filter: 'num1_filter'}, filterMethod: filterChanged field: 'orderId', width: 120, title: '销售单号',filters:[{ data: '' }],slots: { filter: 'num1_filter' } }, { field: 'project', width: 120, title: '项目名称', showOverflow: "ellipsis", filters: [{data: ''}], slots: {filter: 'num1_filter'}, filterMethod: filterChanged filters:[{ data: '' }],slots: { filter: 'num1_filter' } }, { field: 'process_id', width: 130, title: '流程卡号', filters: [{data: ''}], slots: {filter: 'num1_filter'}, filterMethod: filterChanged field: 'processId', width: 130, title: '流程卡号', filters:[{ data: '' }],slots: { filter: 'num1_filter' } }, { field: 'order_number', width: 120, title: '订单序号', filters: [{data: ''}], slots: {filter: 'num1_filter'}, filterMethod: filterChanged field: 'orderNumber', width: 120, title: '订单序号',filters:[{ data: '' }],slots: { filter: 'num1_filter' } }, { field: 'technology_number', width: 100, title: '小片顺序', filters: [{data: ''}], slots: {filter: 'num1_filter'}, filterMethod: filterChanged field: 'technologyNumber', width: 100, title: '小片顺序', filters:[{ data: '' }],slots: { filter: 'num1_filter' } }, { field: 'reporting_work_time', field: 'reportingWorkTime', width: 100, title: '报工时间', type: 'date', attrs: {placeholder: '', type: 'date'}, }, {field: 'responsible_process', width: 120, title: '责任工序', showOverflow: "ellipsis"}, {field: 'responsible_team', width: 100, title: '责任班组'}, {field: 'responsible_equipment', width: 120, title: '责任设备'}, {field: 'breakage_type', width: 120, title: '次破类型'}, {field: 'breakage_reason', width: 120, title: '次破原因'}, {field: 'breakage_quantity', width: 120, title: '次破数量'}, {field: 'responsibleProcess', width: 120, title: '责任工序',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, showOverflow: "ellipsis"}, {field: 'responsibleTeam', width: 100, title: '责任班组',filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: 'responsibleEquipment', width: 120, title: '责任设备',filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: 'breakageType', width: 120, title: '次破类型',filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: 'breakageReason', width: 120, title: '次破原因',filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: 'breakageQuantity', width: 120, title: '次破数量'}, {field: 'area', width: 120, title: '次破面积'}, {field: 'personnel', width: 120, title: '责任人员'}, {field: 'glass_child', width: 120, title: '单片名称'}, {field: 'glassChild', width: 120, title: '单片名称'}, ],//表头按钮 toolbarConfig: { // buttons: [{ // // }], import: false, export: true, print: true, // import: false, // export: true, // print: true, slots: { tools: 'toolbar_buttons' }, zoom: true, custom: true }, @@ -302,6 +309,7 @@ class="mytable-scrollbar" max-height="100%" v-bind="gridOptions" @filter-change="filterChanged" > <!-- @toolbar-button-click="toolbarButtonClickEvent"--> @@ -315,21 +323,34 @@ </ul> </template> <!--左边固定显示的插槽--> <template #button_slot="{ row }"> <el-button link size="small" type="primary" @click="getTableRow(row,'edit')">编辑</el-button> <el-button link size="small" type="primary" @click="getTableRow(row,'setType')">反审</el-button> <el-button link size="small" type="primary" @click="getTableRow(row,'delete')">删除</el-button> <template #toolbar_buttons> <vxe-button style="margin-right: 0.5rem" @click="exportExcel('/report/exportDamageReport', '次破明细报表', form.date1)"> 导出</vxe-button> </template> <template #num1_filter="{ column, $panel }"> <div> <div v-for="(option, index) in column.filters" :key="index"> <input v-model="option.data" type="type" @input="changeFilterEvent($event, option, $panel)"/> <input v-model="option.data" type="text" @input="changeFilterEvent($event, option, $panel)"/> </div> </div> </template> <template #pager> <!--使用 pager 插槽--> <!-- 'PrevJump','NextJump', --> <vxe-pager v-model:current-page="pageNum" v-model:page-size="total.pageSize" v-model:pager-count="total.pageTotal" :layouts="[ 'PrevPage', 'Jump','PageCount', 'NextPage', 'Total']" :total="total.dataTotal" @page-change="handlePageChange" > </vxe-pager> </template> </vxe-grid> </div>
