ERP_override.git

			@@ -11,13 +11,12 @@
			start-placeholder="开始日期"
			end-placeholder="结束日期"
			:shortcuts="shortcuts"
			:size="size"

			format="YYYY/MM/DD"
			value-format="YYYY-MM-DD"
			/>

			</el-col>

			<el-col :span="2">
			<el-button
			id="select"
			@@ -26,7 +25,12 @@
			@click="BtnSearchPurchaseOrder">查询
			</el-button>
			</el-col>

			</el-row>




			</el-header>
			<el-main style="padding-top: 5px;height:100%">
			<vxe-grid
			@@ -37,6 +41,8 @@
			ref="xGrid"
			v-bind="gridOptions"
			v-on="gridEvents"

			@cell-click ="cellClickEvent"
			>

			<!-- @toolbar-button-click="toolbarButtonClickEvent"-->
			@@ -53,6 +59,7 @@
			<!--左边固定显示的插槽-->
			<template #button_slot="{ row }">
			<el-button @click="getTableRow(row,'edit')" link type="primary" size="small">编辑</el-button>
			<el-button @click="getTableRow(row,'look')" link type="primary" size="small">查看</el-button>
			<!-- <el-button @click="getTableRow(row,'delete')" link type="primary" size="small">删除</el-button>-->
			<!-- <el-button @click="cellClickEvent" link type="primary" size="small">详情</el-button>-->
			</template>
			@@ -67,27 +74,56 @@
			</template>
			</vxe-grid>

			<!-- 详情框部分1-->
			<vxe-modal v-model="showDetails" title="查看详情" width="600" height="80%" :mask="false" :lock-view="false" resize>
			<el-container >
			<el-header height="35px"
			style="margin: 0;padding: 0">

			<vxe-modal v-model="showDetails" title="查看详情" width="600" height="400" :mask="false" :lock-view="false" resize>
			<template #default>
			<vxe-table
			border="inner"
			auto-resize
			show-overflow
			height="auto"
			:row-config="{isHover: true}"
			:show-header="false"
			:sync-resize="showDetails"
			:data="detailData">
			<vxe-column field="label" width="40%"></vxe-column>
			<vxe-column field="value"></vxe-column>
			</vxe-table>
			</template>
			<el-input v-model="showCGDH" placeholder="采购单号" disabled >
			<template #prepend>采购单号：</template>
			</el-input>
			</el-header>
			<el-main>
			<template #default>
			<vxe-table
			border="inner"
			auto-resize
			show-overflow
			max-height="420"
			:row-config="{isHover: true}"
			:show-header="false"
			:sync-resize="showDetails"
			:data="detailData">
			<vxe-column field="label" width="30%" class-name="v-column-label"></vxe-column>
			<vxe-column field="value"></vxe-column>
			</vxe-table>
			</template>
			</el-main>
			<el-footer height="40px">
			<el-row>
			<el-col :offset="20" :span="4">
			<el-button
			id="Sure"
			type="primary"
			@click="SureStorage"
			>确认入库
			</el-button>
			</el-col>

			</el-row>
			</el-footer>
			</el-container>
			</vxe-modal>
			<!-- 详情框部分1 结束-->


			</el-main>
			</el-container>




			</template>


			@@ -98,19 +134,26 @@
			import {Search} from "@element-plus/icons-vue";
			import dayjs from "dayjs";
			import {VXETable} from "vxe-table";

			let router = useRouter()



			const getTableRow = (row, type) => {
			switch (type) {
			case 'edit' : {
			//alert('我接收到子组件传送的编辑信息')
			router.push({path: '/main/purchaseOrder/CreatePurchaseOrder', query: {id: row.id}})
			router.push({path: '/main/purchaseOrder/CreatePurchaseOrder', query: {id: row.id}});

			break
			}
			case 'look':{
			/*this.detailData = ['name', 'nickname', 'role', 'sex', 'age', 'amount', 'address'].map(field => {
			return { label: field, value: row[field] }
			})*/
			//this.showDetails = true
			break
			}
			case 'delete': {



			alert('我接收到子组件传送的删除信息'+row.id)
			break
			}
			@@ -232,6 +275,7 @@
			exportConfig: {},
			scrollY: {enabled: true},//开启虚拟滚动
			showOverflow: true,
			//showDetails: false,//弹窗是否显示
			columnConfig: {
			resizable: true,
			useKey: true
			@@ -318,15 +362,70 @@

			})

			/*const showDetails = ref(false)
			const detailData = ref([])
			const cellClickEvent = ({ row }) => {
			detailData.value = ['采购单号', 'wlbh', 'wlmc', 'gys', 'h', 'k', 'g'].map(field => {
			return { label: field, value: row[field] }
			})
			showDetails.value = true
			}*/
			const showCGDH = ref();

			//详情框部分2
			const showDetails =ref(false);
			let detailData =[];
			const cellClickEvent = ({row}) => {
			detailData = ['cgdh', 'rkdh', 'h', 'xh', 'wlbh', 'wlmc', 'gys','w','g','dw','cgzt','rq','yl','sl','xsdh','je','6'].map(field => {
			return { label: ModelColumnContent(field) , value: row[field] }
			})

			showDetails.value = true;
			showCGDH.value = row['cgdh'];
			}

			const ModelColumnContent = (text) => {
			switch (text) {
			case 'cgdh':
			return "采购单号";
			case 'rkdh':
			return "入库单号";
			case 'h':
			return "厚";
			case 'xh':
			return "型号";
			case 'wlbh':
			return "物料编码";
			case 'wlmc':
			return "物料名称";
			case 'gys':
			return "供应商";
			case 'w':
			return "宽";
			case 'g':
			return "高";
			case 'dw':
			return "单位";
			case 'cgzt':
			return "采购状态";
			case 'rq':
			return "日期";
			case 'yl':
			return "余量";
			case 'sl':
			return "数量";
			case 'xsdh':
			return "销售单号";
			case 'je':
			return "金额";
			case '6':
			return "其他";

			default:
			return text;

			}

			}
			//详情框部分2 结束

			const SureStorage=()=>{

			openAlert({type: 'alert', content: '确认入库成功', status: 'success'})

			}

			const now = new Date()

			@@ -366,5 +465,11 @@


			<style scoped>
			:deep(.v-column-label div span){
			font-weight: bold;
			}




			</style>