ERP_override.git

New file
			@@ -0,0 +1,283 @@
			<script setup>

			import request from "@/utils/request"
			import deepClone from "@/utils/deepClone"
			import {ElDatePicker, ElMessage} from "element-plus"
			import {nextTick, onMounted, onUnmounted, reactive, ref, watch} from "vue"
			import {useRouter} from 'vue-router'
			import {useI18n} from 'vue-i18n'
			import {changeFilterEvent, filterChanged} from "@/hook"
			import {VXETable} from "vxe-table";
			import {toolbarButtonClickEvent} from "@/hook/mouseMove";
			import PrintProcess from '@/views/pp/processCard/PrintProcess.vue'
			//语言获取
			const {t} = useI18n()
			let router = useRouter()
			const dialogTableVisible = ref(false)
			let selectRecords = ref(null)

			//定义滚动条高度
			let scrollTop = ref(null)
			let scrollHeight = ref(null)
			let clientHeight = ref(null)
			const scrollEvnt = (row) => {
			// 内容高度
			scrollTop.value = row.$event.target.scrollTop
			scrollHeight.value = row.$event.target.scrollHeight
			clientHeight.value = row.$event.target.clientHeight
			}

			//筛选条件，有外键需要先定义明细里面的数据
			let filterData = ref({

			orderGlassDetail: {
			productionId: '',
			},
			orderDetail: {
			orderId: '',
			productId: '',
			productName: '',
			}


			})
			//定义页面总页数
			let pageTotal = ref('')
			//定义数据返回结果
			let produceList = ref([])
			//定义当前页数
			let pageNum = $ref(1)
			let pageState = null

			const {currentRoute} = useRouter()
			const route = currentRoute.value

			let orderId = route.query.orderId

			// 第一次加载查询
			request.post(`/processCard/selectPrint/${orderId}`, 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 sumNum = (list, field) => {
			let count = 0
			list.forEach(item => {
			count += Number(item[field])
			})
			return count.toFixed(2)
			}


			const hasDecimal = (value) => {
			const regex = /\./; // 定义正则表达式，查找小数点
			return regex.test(value); // 返回true/false
			}

			//子组件接收参数
			const xGrid = ref()
			const gridOptions = reactive({
			loading: true,
			border: "full",//表格加边框
			keepSource: true,//保持源数据
			align: 'center',//文字居中
			stripe: true,//斑马纹
			rowConfig: {isCurrent: true, isHover: true, height: 30},//鼠标移动或选择高亮
			id: 'demo_1',
			showFooter: true,//显示脚
			printConfig: {},
			importConfig: {},
			exportConfig: {},
			scrollX: {enabled: true},
			scrollY: {enabled: true, gt: 0},//开启虚拟滚动
			showOverflow: true,
			columnConfig: {
			resizable: true,
			useKey: true
			},
			filterConfig: { //筛选配置项
			// remote: true
			},
			customConfig: {
			storage: true
			},
			editConfig: {
			trigger: 'click',
			mode: 'row',
			showStatus: true
			},//表头参数
			columns: [
			{type: 'expand', fixed: "left", slots: {content: 'content'}, width: 50},
			{type: 'checkbox', fixed: "left", title: t('basicData.check'), width: 80},
			{type: 'seq', fixed: "left", title: t('basicData.Number'), width: 50},
			{
			field: 'order_id',
			title: t('order.orderId'),
			filters: [{data: ''}],
			slots: {filter: 'num1_filter'},
			filterMethod: filterChanged
			},
			{
			field: 'process_id',
			title: '流程卡号',
			showOverflow: "ellipsis",
			filters: [{data: ''}],
			slots: {filter: 'num1_filter'},
			filterMethod: filterChanged
			},
			{
			field: 'customer_name',
			title: '客户名称',
			filters: [{data: ''}],
			slots: {filter: 'num1_filter'},
			filterMethod: filterChanged
			},
			{
			field: 'project',
			title: '项目名称',
			filters: [{data: ''}],
			slots: {filter: 'num1_filter'},
			filterMethod: filterChanged
			},
			{field: 'technology_number', title: '小片顺序', showOverflow: "ellipsis"},
			{field: 'glass_address', title: '小片标记',},
			{field: 'quantity', title: '数量',},
			{field: 'total_area', title: '面积',},
			{field: 'product_name', title: '产品名称',},
			{field: 'glass_child', title: '单片名称',},
			{field: 'founder', title: '分架员',},
			{field: 'splitFrame_time', title: '分架时间',},
			],//表头按钮

			toolbarConfig: {
			buttons: [
			{code: 'print', name: '打印', status: 'primary'},
			],
			// import: false,
			// export: true,
			//print: true,
			zoom: true,
			custom: true
			},
			data: null,//表格数据
			//脚部求和
			footerMethod({columns, data}) {//页脚函数
			let footList = ['data.orderDetail.quantity', 'data.orderDetail.computeGrossArea']
			return [
			columns.map((column, columnIndex) => {
			if (columnIndex === 0) {
			return t('basicData.total')
			}
			if (footList.includes(column.field)) {
			return sumNum(data, column.field)
			}
			return ''
			})
			]
			}
			})

			const gridEvents = {
			toolbarButtonClick ({ code}) {
			const $grid = xGrid.value
			selectRecords = $grid.getCheckboxRecords()
			if ($grid) {
			switch (code) {
			case 'print': {
			console.log( selectRecords)
			if(selectRecords===null \|\|selectRecords===''\|\|selectRecords.length===0){
			ElMessage.warning(t('searchOrder.msgList.checkOrder'))
			return
			}

			let id = ""
			for (let i = 0; i < selectRecords.length; i++) {
			if (i + 1 === selectRecords.length) {
			id += selectRecords[i].id
			} else {
			id += selectRecords[i].id + "\|"
			}
			}
			router.push({path: '/main/processCard/printProcess', query: {printList: JSON.stringify(selectRecords)}})

			// let routeData = router.resolve({path: '/main/processCard/printProcess', query: {printList: JSON.stringify(selectRecords)}});
			// window.open(routeData.href, '_blank');
			//dialogTableVisible.value = true
			break
			}

			}
			}
			},
			}

			</script>

			<template>
			<div class="main-div-customer">
			<vxe-grid
			ref="xGrid"
			class="mytable-scrollbar"
			height="600px"
			max-height="100%"
			v-bind="gridOptions"
			v-on="gridEvents"


			>
			<!-- @toolbar-button-click="toolbarButtonClickEvent"-->
			<!-- 下拉显示所有信息插槽-->
			<template #content="{ row }">
			<ul class="expand-wrapper">
			<li v-for="(item,index) in gridOptions.columns" v-show="item.field!=undefined ">
			<span style="font-weight: bold">{{ item.title + ': ' }}</span>
			<span v-if="hasDecimal(item.field)">{{ row[item.field.split('.')[0]][item.field.split('.')[1]] }}</span>
			<span v-else>{{ row[item.field] }}</span>

			</li>
			</ul>
			</template>

			<!--左边固定显示的插槽-->
			<template #button_slot="{ row }">
			<el-button link size="small" type="primary" @click="getTableRow(row,'edit')">{{ $t('basicData.edit') }}
			</el-button>

			</template>

			<template #num1_filter="{ column, $panel }">
			<div>
			<div v-for="(option, index) in column.filters" :key="index">
			<input type="text"
			v-model="option.data"
			@input="changeFilterEvent($event, option, $panel)"/>
			</div>
			</div>
			</template>


			</vxe-grid>
			<el-dialog
			v-model="dialogTableVisible"
			destroy-on-close
			title="流程卡打印"
			style="width: 80%;height:75% ">
			<PrintProcess :printList="selectRecords"
			style="width: 100%;height: 100%" />
			</el-dialog>
			</div>
			</template>

			<style scoped>
			.main-div-customer {
			width: 99%;
			height: 100%;
			}
			</style>