~admin/ERP_override.git

			@@ -1,50 +1,55 @@
			<script setup>

			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 {computed, nextTick, onMounted, reactive, ref, toRefs} from "vue";
			import {useRouter, useRoute} from 'vue-router'
			import request from "@/utils/request";
			import {ElMessage} from "element-plus";
			import {changeFilterEvent, filterChanged} from "@/hook"
			import userInfo from "@/stores/userInfo"
			import {useI18n} from 'vue-i18n'
			import {addListener, toolbarButtonClickEvent} from "@/hook/mouseMove";
			//语言获取
			const {t} = useI18n()
			const route = useRoute()
			const user = userInfo()
			let router = useRouter()

			//表尾求和
			const sumNum = (list, field) => {
			let count = 0
			list.forEach(item => {
			count += Number(item[field])
			})
			return count.toFixed(2)
			}
			//定义接收加载表头下拉数据
			const titleSelectJson = ref({
			processType: [],

			})
			//第一次加载数据
			request.post(`/basicDataProduce/selectProcess`).then((res) => {
			if (res.code == 200) {

			titleSelectJson.value.processType = res.data.process;
			} else {
			ElMessage.warning(res.msg)
			}
			})

			onMounted(() => {
			//启用表格拖动选中
			addListener(xGrid.value, gridOptions)
			})


			//子组件接收参数

			const xGrid = ref()
			const gridOptions = reactive({
			border: "full",//表格加边框
			border: "full",//表格加边框
			keepSource: true,//保持源数据
			align: 'center',//文字居中
			stripe:true,//斑马纹
			rowConfig: {isCurrent: true, isHover: true,height: 50},//鼠标移动或选择高亮
			stripe: true,//斑马纹
			rowConfig: {isCurrent: true, isHover: true, height: 30},//鼠标移动或选择高亮
			id: 'CustomerList',
			showFooter: true,//显示脚
			printConfig: {},
			importConfig: {},
			exportConfig: {},
			scrollY:{ enabled: true },//开启虚拟滚动
			showOverflow:true,
			scrollY: {enabled: true},//开启虚拟滚动
			showOverflow: true,
			columnConfig: {
			resizable: true,
			useKey: true
			@@ -60,78 +65,41 @@
			mode: 'row',
			showStatus: true
			},//表头参数
			columns:[
			{ type: 'seq',fixed:"left", title: '自序', width: 50 },
			columns: [
			{type: 'seq', fixed: "left", title: '自序', width: 50},
			{
			field: 'basicName',
			title: '设备名称',
			width: 500,
			editRender: {name: 'input', attrs: {placeholder: ''}},
			},

			{field: 'standardName', title: '标准名称',editRender: { name: 'input', attrs: { placeholder: '' } } },
			{field: 'deviceName', title: '设备名称',editRender: { name: 'input', attrs: { placeholder: '' } } },
			{field: 'buyingTime', title: '购买时间',editRender: { name: 'input', attrs: { placeholder: '' } }},
			{field: 'installationTime',title: '安装时间',editRender: { name: 'input', attrs: { placeholder: '' } } },
			{field: 'serviceInterval', title: '保养周期',editRender: { name: 'input', attrs: { placeholder: '' } }},
			{field: 'process', title: '所在工艺', editRender: { name: 'input', attrs: { placeholder: '' } }},
			{
			field: 'basicCategory',
			title: '所在工序',
			width: 500,
			editRender: {},
			slots: {default: 'basicCategory_default', edit: 'basicCategory'}
			},
			],
			//表头按钮
			toolbarConfig: {
			buttons: [
			{code: 'print_lck', name: '保存',status:'primary' ,icon:'vxe-icon-save'},
			{code: 'removeRow', name: t('basicData.delete'), status: 'primary', icon: 'vxe-icon-delete'},
			{code: 'addRow', name: t('reportingWorks.increase'), status: 'primary', icon: 'vxe-icon-square-plus'},
			{code: 'save', name: '保存', status: 'primary', icon: 'vxe-icon-save'},
			],
			import: false,
			export: true,
			print: true,
			// import: false,
			// export: true,
			// print: true,
			zoom: true,
			custom: true
			},
			data: [
			{
			standardName: '',
			deviceName: '',
			buyingTime: '',
			installationTime: '',
			serviceInterval:'',
			process:'',

			},
			{
			standardName: '',
			deviceName: '',
			buyingTime: '',
			installationTime: '',
			serviceInterval:'',
			process:'',

			},
			{
			standardName: '',
			deviceName: '',
			buyingTime: '',
			installationTime: '',
			serviceInterval:'',
			process:'',

			},
			{
			standardName: '',
			deviceName: '',
			buyingTime: '',
			installationTime: '',
			serviceInterval:'',
			process:'',

			},
			{
			standardName: '',
			deviceName: '',
			buyingTime: '',
			installationTime: '',
			serviceInterval:'',
			process:'',

			},
			],//table body实际数据
			data: [],//table body实际数据
			//脚部求和
			footerMethod ({ columns, data }) {//页脚函数
			let footList=['maintenanceFrequency','MaintenancesFrequency']
			return[
			footerMethod({columns, data}) {//页脚函数
			let footList = ['', '']
			return [
			columns.map((column, columnIndex) => {
			if (columnIndex === 0) {
			return '合计:'
			@@ -146,69 +114,108 @@

			})

			const teamGridEvents = {
			toolbarButtonClick({code}) {
			const $grid = xGrid.value
			if ($grid) {
			switch (code) {
			case 'addRow': {
			$grid.insertAt({})
			break
			}

			case 'removeRow': {
			let result = toolbarButtonClickEvent()
			if (result) {
			$grid.remove(result.row)
			}
			break
			}
			case 'save': {
			const tableData = $grid.getTableData().fullData
			//console.log(tableData)
			let machineData = ref({
			machine: tableData
			})
			request.post("/maintenance/saveMachine", machineData.value).then((res) => {
			if (res.code == 200) {
			ElMessage.success("保存成功")
			//router.push('/main/processCard/SplittingDetails?orderId=${orderId}')
			router.push({
			path: '/main/machine/AddMachine',
			query: {random: Math.random()}
			})

			//location.reload();
			} else {
			ElMessage.warning(res.msg)
			}
			})
			break
			}
			}
			}
			}
			}

			const size = ref<'default' \| 'large' \| 'small'>('default')

			const value1 = ref('')
			const dialogFormVisible = ref(false)
			const formLabelWidth = '140px'

			const form = reactive({
			name: '',
			region: '',
			date1: '',
			date2: '',
			delivery: false,
			type: [],
			resource: '',
			desc: '',
			})

			</script>

			<template>
			<div class="main-div-customer">
			<vxe-grid
			max-height="100%"
			@filter-change="filterChanged"
			class="mytable-scrollbar"
			ref="xGrid"
			class="mytable-scrollbar"
			height="650px"
			max-height="100%"
			v-bind="gridOptions"
			v-on="teamGridEvents"
			@filter-change="filterChanged"

			>
			<!-- @toolbar-button-click="toolbarButtonClickEvent"-->
			<!-- 下拉显示所有信息插槽-->
			<template #content="{ row}">
			<ul class="expand-wrapper">
			<li v-for="(item,key,index) in row">
			<span style="font-weight: bold">{{key+': '}}</span>
			<span>{{ item }}</span>
			</li>
			</ul>
			</template>

			<!--左边固定显示的插槽-->
			<template #button_slot="{ row }">
			<el-button @click="dialogFormVisible = true" 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>
			<div v-for="(option, index) in column.filters" :key="index">
			<input type="type" v-model="option.data" @input="changeFilterEvent($event, option, $panel)"/>
			<input v-model="option.data" type="type" @input="changeFilterEvent($event, option, $panel)"/>
			</div>
			</div>
			</template>


			<!--工序-->
			<template #basicCategory="{ row }">
			<vxe-select v-model="row.basicCategory"
			clearable
			filterable
			placeholder="">
			<vxe-option v-for="item in titleSelectJson.processType"
			:key="item.basic_name"
			:label="item.basic_name"
			:value="item.basic_name"/>
			</vxe-select>
			</template>
			<template #basicCategory_default="{ row }">
			<span>{{ row.basicCategory }}</span>
			</template>
			</vxe-grid>

			</div>
			</template>

			<style scoped>
			.main-div-customer{
			width: 99%;
			.main-div-customer {
			width: 80%;
			margin: 0 auto;
			height: 100%;
			}
			.vxe-grid {
			/* 禁用浏览器默认选中 */
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			}
			</style>