From 280c4000a117f469d404310b31a2660d5e016505 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=99=AE=E5=BB=BA?= <450837357@qq.com>
Date: Sat, 15 Mar 2025 10:42:58 +0800
Subject: [PATCH] first

---
 src/views/procure/procureOrder/index.vue | 1029 +++++++++++++++-------
 1 file changed, 726 insertions(+), 303 deletions(-)

diff --git a/src/views/procure/procureOrder/index.vue b/src/views/procure/procureOrder/index.vue
index b3ce47e..7dcd238 100644
--- a/src/views/procure/procureOrder/index.vue
+++ b/src/views/procure/procureOrder/index.vue
@@ -2,107 +2,197 @@
 	<div>
 		<my-card title="搜索条件" search>
 			<n-form inline>
-				<n-form-item style="width: 180px" label="产品分类">
-					<n-tree-select v-model:value="searchForm.productTypeId" :options="typeOptions" placeholder="请输入产品分类" />
+				<n-form-item label="申请部门">
+					<n-tree-select
+						v-model:value="searchForm.deptId"
+						class="w-180px"
+						label-field="deptName"
+						key-field="deptId"
+						:options="treeOptions"
+					></n-tree-select>
+
+					<!-- <n-select v-model:value="searchForm.status" :options="statusOptions" class="w-180px"></n-select> -->
 				</n-form-item>
-				<n-form-item label="产品名称">
-					<n-input v-model:value="searchForm.productName" placeholder="请输入产品名称" />
+				<n-form-item label="供应商">
+					<n-select v-model:value="searchForm.vendorId" :options="supperOptions" class="w-180px"></n-select>
 				</n-form-item>
-				<n-form-item label="产品规格">
-					<n-input v-model:value="searchForm.specification" placeholder="请输入产品规格" />
+				<n-form-item label="计划日期">
+					<n-date-picker v-model:value="dateArr" type="daterange"></n-date-picker>
 				</n-form-item>
 				<n-form-item>
-					<n-button type="primary" class="mr-10px" @click="handleSearch">
-						<icon-ic-round-search class="mr-4px text-20px" />
-						搜索
-					</n-button>
-					<n-button @click="handleReset">
-						<icon-ic-round-refresh class="mr-4px text-20px" />
-						重置
-					</n-button>
+					<component :is="useSearchBtn(search, reset)"></component>
 				</n-form-item>
 			</n-form>
 		</my-card>
-		<my-card title="产品列表">
+		<my-card title="采购订单">
 			<template #right>
-				<div class="flex-center">
-					<n-button class="mr-5px" type="primary" size="small" @click="openDialog">
-						<icon-ic-round-plus class="mr-4px text-20px" />
-						新增产品
-					</n-button>
-					<cx-columns v-model:columns="columns" size="small"></cx-columns>
+				<div>
+					<component
+						:is="useDelBtn(delSelect, undefined, '确定要删除所有已选中的数据吗？', Boolean(!selectKeys.length))"
+					></component>
+					<component
+						:is="
+              useAddBtn(
+                () => {
+                  editFlag = true;
+                  showDialog = true;
+                },
+                undefined,
+                '新增订单'
+              )
+            "
+					></component>
+					<cx-columns v-model:columns="columns"></cx-columns>
 				</div>
 			</template>
 			<n-data-table
-				ellipsis
+				children-key="lineList"
+				:row-key="row => row.planId"
 				:loading="loading"
 				:columns="columns"
 				:data="data"
-				:max-height="dataTableConfig.maxHeight"
-				:scroll-x="dataTableConfig.scrollWidth(columns)"
+				@update-checked-row-keys="handleSelect"
 			></n-data-table>
-
 			<my-pagination v-model:search-form="searchForm" @init="init"></my-pagination>
 		</my-card>
 		<my-dialog
-			:title="addForm.id ? '编辑产品' : '新增产品'"
-			width="750px"
-			:show="showDialog"
-			@cancel="cancel"
+			v-model:show="showDialog"
+			width="800px"
+			:title="!editFlag ? '修改采购订单' : '新增采购订单'"
 			@submit="submit"
+			@cancel="cancel"
 		>
 			<template #content>
 				<div>
-					<n-form ref="addFormRef" :rules="rules" :model="addForm" label-placement="left" label-width="auto">
-						<n-grid :cols="24" :x-gap="20">
-							<n-form-item-grid-item label="产品分类" :span="11" path="productTypeName">
+					<n-form ref="addFormRef" :rules="rules" label-placement="left" :label-width="100" :model="dialogForm">
+						<n-grid :cols="2" x-gap="10">
+							<n-form-item-grid-item :span="1" label="申请部门：" path="deptId">
 								<n-tree-select
-									v-model:value="addForm.productTypeId"
-									:options="typeOptions"
-									placeholder="请输入产品分类"
-									@update:value="
-                    (value, item: any) => {
-                      console.log(value, item);
-                      addForm.productTypeName = item.label;
-                    }
-                  "
-								/>
-							</n-form-item-grid-item>
-							<n-form-item-grid-item label="产品名称" :span="11" path="productTypeId">
-								<n-input v-model:value="addForm.productName" placeholder="请输入产品名称" />
+									v-model:value="dialogForm.deptId"
+									label-field="deptName"
+									key-field="deptId"
+									:options="treeOptions"
+									@update:value="treeSelect"
+								></n-tree-select>
 							</n-form-item-grid-item>
-							<n-form-item-grid-item label="产品型号" :span="11" path="productSize">
+
+							<!-- <n-form-item-grid-item :span="1" label="申请人：">
+								<n-input></n-input>
+							</n-form-item-grid-item> -->
+							<n-form-item-grid-item :span="1" label="供应商：" path="vendorId">
 								<n-select
-									v-model:value="addForm.productSize"
-									filterable
-									placeholder="请选择主型号"
-									:options="dictionaryOptions"
-									@update:value="dictionaryHandleChange"
-								/>
+									v-model:value="dialogForm.vendorId"
+									:options="supperOptions"
+									@update:value="handleSelectSupper"
+								></n-select>
 							</n-form-item-grid-item>
-							<n-form-item-grid-item label="产品规格" :span="11" path="specification">
-								<n-input v-model:value="addForm.specification" placeholder="请输入产品规格" />
+							<!--              <n-form-item-grid-item :span="1" label="关联计划：" path="planId">-->
+							<!--                <n-select-->
+							<!--                  v-model:value="dialogForm.planId"-->
+							<!--                  :options="rawProucreOptions"-->
+							<!--                  @update:value="handleSelectRawProucre"-->
+							<!--                ></n-select>-->
+							<!--              </n-form-item-grid-item>-->
+							<n-form-item-grid-item :span="1" label="总金额：">{{ getTotalPric }}</n-form-item-grid-item>
+							<n-form-item-grid-item :span="1" label="总数量：">
+								{{ getTotalNum }}
 							</n-form-item-grid-item>
-							<n-form-item-grid-item label="颜色" :span="11" path="color">
-								<n-select v-model:value="addForm.color" class="w-200px" :options="corlor_types" placeholder="请选择颜色" ></n-select>
-							</n-form-item-grid-item>
-							<n-form-item-grid-item label="单位" :span="11" path="weightMeasureName">
-								<n-select
-									v-model:value="addForm.weightMeasureId"
-									:options="unitOptions"
-									placeholder="请输入单位"
-									@update:value="
-                    (val, item:any) => {
-                      addForm.weightMeasureName = item.label;
-                    }
-                  "
-								/>
-							</n-form-item-grid-item>
-							<n-form-item-grid-item label="备注" :span="11">
-								<n-input v-model:value="addForm.remark" type="textarea" placeholder="请输入输入备注" />
+							<n-form-item-grid-item :span="1" label="总重量：">
+								{{ getTotalWeight }}
 							</n-form-item-grid-item>
 						</n-grid>
 					</n-form>
+					<n-tabs
+						default-value="明细1"
+						type="card"
+						:addable="addable"
+						:closable="closable"
+						tab-style="min-width: 80px;"
+						@close="handleClose"
+						@add="handleAdd"
+					>
+						<n-tab-pane v-for="panel in panels" :key="panel.name" :name="panel.name">
+							<n-form label-placement="left" :label-width="100">
+								<n-grid :cols="2" :x-gap="10">
+									<n-form-item-grid-item :span="1" label="物品名称">
+										<n-select
+											v-model:value="panel.form.itemId"
+											placeholder="请选择物品名称"
+											:options="itemOptions"
+											filterable
+											@update:value="selectItem(panel.form)"
+										></n-select>
+									</n-form-item-grid-item>
+									<n-form-item-grid-item :span="1" label="型号规格">
+										<n-input v-model:value="panel.form.specification" disabled placeholder="请选择物品"></n-input>
+									</n-form-item-grid-item>
+									<n-form-item-grid-item :span="1" label="单位">
+										<n-input v-model:value="panel.form.numMeasureName" disabled placeholder="请选择物品单位"></n-input>
+									</n-form-item-grid-item>
+									<n-form-item-grid-item :span="1" label="颜色">
+										<n-input v-model:value="panel.form.color" disabled placeholder="请选择物品颜色"></n-input>
+									</n-form-item-grid-item>
+									<n-form-item-grid-item :span="1" label="数量">
+										<n-input-number v-model:value="panel.form.quantity" class="w-full" :min="0">
+											<template #suffix>
+												<div>
+													{{ panel.form.numMeasureName }}
+												</div>
+											</template>
+										</n-input-number>
+									</n-form-item-grid-item>
+									<n-form-item-grid-item :span="1" label="单价">
+										<n-input-number v-model:value="panel.form.price" class="w-full" :min="0">
+											<template #suffix>
+												<div>￥</div>
+											</template>
+										</n-input-number>
+									</n-form-item-grid-item>
+									<!--                  <n-form-item-grid-item :span="1" label="重量">-->
+									<!--                    <n-input-number v-model:value="panel.form.weight" class="w-full" :min="0">-->
+									<!--                      <template #suffix>-->
+									<!--                        <div>(kg)</div>-->
+									<!--                      </template>-->
+									<!--                    </n-input-number>-->
+									<!--                  </n-form-item-grid-item>-->
+									<n-form-item-grid-item :span="1" label="计划交货日期">
+										<n-date-picker
+											v-model:value="panel.form.deliveryDate"
+											type="date"
+											class="w-full"
+											:min="0"
+										></n-date-picker>
+									</n-form-item-grid-item>
+									<n-form-item-grid-item :span="1" label="申请原因">
+										<n-input v-model:value="panel.form.remark" type="textarea"></n-input>
+									</n-form-item-grid-item>
+									<n-form-item-grid-item :span="1" label="金额：">
+										{{ getListTotal(panel, panel.form.weight, panel.form.price) }}
+									</n-form-item-grid-item>
+								</n-grid>
+							</n-form>
+						</n-tab-pane>
+					</n-tabs>
+				</div>
+			</template>
+		</my-dialog>
+		<my-dialog
+			v-model:show="detail"
+			sub-text="关闭"
+			width="800px"
+			title="订单明细"
+			:show-cancel="false"
+			@cancel="closeDetail"
+			@submit="closeDetail"
+		>
+			<template #content>
+				<div>
+					<n-data-table
+						class="w-760px"
+						:loading="detailLoading"
+						:columns="detailColumns"
+						:data="detailData"
+					></n-data-table>
 				</div>
 			</template>
 		</my-dialog>
@@ -110,307 +200,640 @@
 </template>
 
 <script setup lang="tsx">
-defineOptions({
-	name: 'ListMange'
-});
-import type {Ref} from 'vue';
-import {ref, onMounted, getCurrentInstance} from 'vue';
-import {useMessage} from 'naive-ui';
-import type {DataTableColumns, FormInst} from 'naive-ui';
-import {useLoading, useWarning, useBoolean} from '@/hooks';
-import {listToTree, deepClone, createRequiredFormRule} from '@/utils';
-import {getAllClassifyList} from '@/service/api/md/classify';
-import {getAllUnitList} from '@/service/api/md/unit';
-import {getProductList, deleteProduct, addProduct, editProduct} from '@/service/api/md/list';
-import {dataTableConfig} from '@/config/dataTableConfig';
-
-const {loading, startLoading, endLoading} = useLoading();
-const warning = useWarning();
-const message = useMessage();
-const {bool: showDialog, setFalse: closeDialog, setTrue: openDialog} = useBoolean();
-const addFormRef = ref<FormInst | null>(null);
-const routeOptions = ref<{ label: string; value: number }[]>([]);
-
-const {proxy} = getCurrentInstance() as any;
-const {product_model_standard, corlor_types} = proxy.useDict('product_model_standard', "corlor_types");
-
-const dictionaryOptions = product_model_standard;
-
-const addForm = ref<List.AddForm>({
-	processRouteName: '',
-	productTypeId: '',
-	productSize: '',
-	productSizeInternational: '',
-	processRouteId: '',
-	specification: '',
-	productName: '',
-	color: '',
-	weightMeasureId: null,
-	remark: '',
-	ifEnable: 1
-});
+import type { Ref } from 'vue';
+import { ref, onMounted, computed, getCurrentInstance } from 'vue';
+import BigNumber from 'bignumber.js';
+import type { FormInst, DataTableColumns, DataTableRowKey } from 'naive-ui';
+import { useMessage } from 'naive-ui';
+import { listDept } from '@/service';
+import { addDateRange, deepClone, createRequiredFormRule } from '@/utils';
+import { handleTree } from '@/utils/form';
+const { proxy } = getCurrentInstance() as any;
+const { erp_auxiliary_status } = proxy.useDict('erp_auxiliary_status');
+import { useSearchBtn, useInfoBtn, useBtn, useAddBtn, useEditBtn, useDelBtn } from '@/hooks/common/useBtn';
+import {
+	addPurchase,
+	getAllSupplier,
+	getAllRawProcureList,
+	getPurchaseList,
+	delPurchase,
+	getPurchaseDetail,
+	delPurchaseDetail,
+	getPurchaseTop,
+	editPurchase,
+	sendPurchase
+} from '@/service/api/erp/rawProcureList';
+import { getMaterialAllAccessory } from '@/service/api/md/itemlist/index';
+import { useLoading } from '~/src/hooks';
 const rules = {
-	productTypeId: createRequiredFormRule('请选择产品类型'),
-	productSize: createRequiredFormRule('请输入规格型号'),
-	specification: createRequiredFormRule('请输入规格型号'),
-	productName: createRequiredFormRule('请输入产品名称'),
-	weightMeasureId: createRequiredFormRule('请输入重量单位')
+	deptId: createRequiredFormRule('请选择部门'),
+	vendorId: createRequiredFormRule('请选择供应商'),
+	// planId: createRequiredFormRule('请选择计划')
 };
-
-function cancel() {
-	closeDialog();
-	addForm.value = {
-		processRouteName: '',
-		productTypeId: '',
-		productName: '',
-		productSize: '',
-		productSizeInternational: '',
-		specification: '',
-		processRouteId: '',
-		color: '',
-		weightMeasureId: null,
-		remark: '',
-		ifEnable: 1
-	};
+const addFormRef = ref<FormInst | null>(null);
+const message = useMessage();
+const detailLoading = ref<boolean>(false);
+const detail = ref<boolean>(false);
+function closeDetail() {
+	detail.value = false;
 }
+const detailData = ref<Procure.rawProcureList.listType[]>([]);
+const detailColumns: DataTableColumns<Procure.rawProcureList.listType> = [
+	{
+		title: '序号',
+		key: 'index',
+		render(_row, index) {
+			return index + 1;
+		},
+		width: 80
+	},
+	{
+		title: '物料名称',
+		key: 'itemName',
+		width: 180
+	},
+	{
+		title: '物料编码',
+		key: 'itemCode',
+		width: 180
+	},
 
-async function submit() {
-	console.log(addForm.value);
-	if (!addFormRef.value) return;
-	addFormRef.value.validate(async errors => {
-		if (!errors) {
-			routeOptions.value.forEach(item => {
-				if (item.value === parseInt(addForm.value.processRouteId as string, 10)) {
-					addForm.value.processRouteName = item.label;
-				}
-			});
-			if (!addForm.value.id) {
-				await addProduct(addForm.value).then(res => {
-					if (res.code === 200) {
-						message.success('新增成功');
-						cancel();
-						init();
-					}
-				});
-			} else {
-				await editProduct(addForm.value).then(res => {
+	{
+		title: '计划交货时间',
+		key: 'deliveryDate',
+		width: 180
+	},
+	{
+		title: '单价',
+		key: 'price',
+		width: 80
+	},
+	{
+		title: '颜色',
+		key: 'colorName',
+		width: 80
+	},
+	{
+		title: '数量',
+		key: 'quantity',
+		width: 80
+	},
+	{
+		title: '规格型号',
+		key: 'specification',
+		width: 180
+	},
+	{
+		title: '总价格',
+		key: 'totalPrice',
+		width: 80
+	},
+	{
+		title: '操作',
+		key: 'action',
+		width: 90,
+		fixed: 'right',
+		render: row => {
+			return useDelBtn(() => {
+				delPurchaseDetail(row.lineId as string).then(res => {
 					if (res.code === 200) {
-						message.success('修改成功');
-						cancel();
-						init();
+						message.success('删除成功');
+						detailLoading.value = false;
+						getPurchaseDetail(row.purchaseId as string).then(respon => {
+							detailLoading.value = false;
+							detailData.value = respon.rows;
+						});
+					} else {
+						message.error('删除失败');
 					}
 				});
-			}
+			}, 'tiny');
 		}
+	}
+];
+type Panel = {
+	name: string;
+	form: { [key: string]: any };
+};
+const panels = ref<Panel[]>([
+	{
+		name: '明细1',
+		form: {}
+	}
+]);
+
+const addable = computed(() => {
+	return panels.value.length < 10;
+});
+const closable = computed(() => {
+	return panels.value.length > 1;
+});
+function handleAdd() {
+	panels.value.push({ name: `明细${panels.value.length + 1}`, form: {} });
+}
+function sendTip(num: number) {
+	if (num <= panels.value.length) message.warning('请从尾部开始删除');
+}
+function handleClose(name: string) {
+	let flag = 0;
+	const number = panels.value.length - 1;
+	panels.value.forEach((panel, index) => {
+		if (panel.name === name && index === number) {
+			panels.value = panels.value.filter(item => item.name !== name);
+		}
+		flag += 1;
 	});
+	sendTip(flag);
 }
+function getListTotal(total, num, price) {
+	const tempNum = new BigNumber(num || 0);
+	const tempQuantity = new BigNumber(total.form.quantity || 0);
+	const tempPrice = new BigNumber(price || 0);
+	total.form.totalPrice = tempQuantity.times(tempPrice).toFixed(4);
+	// if (total.form.unitType === 'num') {
+	// 	total.form.totalPrice = tempQuantity.times(tempPrice).toFixed(4);
+	// } else if (total.form.unitType === 'weight') {
+	// 	total.form.totalPrice = tempNum.times(tempPrice).toFixed(4);
+	// }
+	// eslint-disable-next-line no-param-reassign, @typescript-eslint/no-unused-vars
 
-const searchForm = ref<List.SearchForm>({
-	productTypeId: '',
-	productName: '',
-	specification: '',
-	pageNum: 1,
+	return total.form.totalPrice;
+}
+const editFlag = ref(false);
+const getTotalPric = computed(() => {
+	return panels.value.reduce((total, panel) => {
+		const temp1 = new BigNumber(total || 0);
+		const temp2 = new BigNumber(panel.form.totalPrice || 0);
+		return parseFloat(temp1.plus(temp2).toFixed(4));
+	}, 0);
+});
+const getTotalNum = computed(() => {
+	return panels.value.reduce((total, panel) => {
+		const temp1 = new BigNumber(total || 0);
+		const temp2 = new BigNumber(panel.form.quantity || 0);
+		return parseFloat(temp1.plus(temp2).toFixed(4));
+	}, 0);
+});
+const getTotalWeight = computed(() => {
+	return panels.value.reduce((total, panel) => {
+		const temp1 = new BigNumber(total || 0);
+		const temp2 = new BigNumber(panel.form.weight || 0);
+		return parseFloat(temp1.plus(temp2).toFixed(4));
+	}, 0);
+});
+const { loading, startLoading, endLoading } = useLoading();
+const showDialog = ref<boolean>(false);
+const dateArr = ref<null | undefined | [number, number]>(null);
+const selectKeys = ref<DataTableRowKey[]>([]);
+function handleSelect(keys: DataTableRowKey[]) {
+	selectKeys.value = keys;
+}
+function delSelect() {
+	delPurchase(selectKeys.value.join(',')).then(res => {
+		if (res.code === 200) {
+			message.success('删除成功');
+			init();
+		} else {
+			message.error(res.msg);
+		}
+	});
+}
+// const statusOptions = [
+//   {
+//     label: '全部',
+//     value: undefined
+//   },
+//   {
+//     label: '待处理',
+//     value: '待处理'
+//   },
+//   {
+//     label: '处理中',
+//     value: '处理中'
+//   },
+//   {
+//     label: '已完成',
+//     value: '已完成'
+//   }
+// ];
+const searchForm = ref<{
+	vendorId: string | null;
+	attr1: string | null;
+	pageSize: number;
+	pageNum: number;
+	total: number;
+	deptId: string | null;
+}>({
+	vendorId: null,
+	attr1: null,
+	deptId: null,
 	pageSize: 10,
+	pageNum: 1,
 	total: 0
 });
-
-function dictionaryHandleChange(val, item) {
-	addForm.value.productSize = item.label;
-	addForm.value.productSizeInternational = val;
-}
-
-function handleSearch() {
-	console.log(searchForm.value);
+function search() {
+	searchForm.value.pageNum = 1;
 	init();
 }
-
-function handleReset() {
+function reset() {
 	searchForm.value = {
-		productTypeId: '',
-		productName: '',
-		specification: '',
-		pageNum: 1,
+		vendorId: null,
+		attr1: null,
+		deptId: null,
 		pageSize: 10,
+		pageNum: 1,
 		total: 0
 	};
+	dateArr.value = null;
 	init();
 }
+const dialogForm = ref<Procure.rawProcureList.columns>({
+	attr1: null,
+	beginTime: null,
+	checkedBy: null,
+	checkedByNick: null,
+	checkedTime: null,
+	contractTime: null,
+	createBy: null,
+	createByNick: null,
+	createTime: null,
+	deptId: null,
+	deptName: null,
+	enableFlag: null,
+	endTime: null,
+	filePath: null,
+	flowAction: null,
+	flowRecordJson: null,
+	invoiceSta: null,
+	lineList: [],
+	paidMoney: null,
+	params: {},
+	payableMoney: null,
+	planCode: null,
+	planId: null,
+	purchaseCode: null,
+	purchaseDate: null,
+	purchaseId: null,
+	quantity: null,
+	realTotalPrice: null,
+	realTotalWeight: null,
+	remark: null,
+	snidCode: null,
+	status: null,
+	totalPrice: null,
+	totalWeight: null,
+	type: null,
+	updateBy: null,
+	updateTime: null,
+	vendorAddress: null,
+	vendorCode: null,
+	vendorContact1: null,
+	vendorContact1Tel: null,
+	vendorId: null,
+	vendorName: null
+});
+function cancel() {
+	showDialog.value = false;
+	dialogForm.value = {
+		attr1: null,
+		beginTime: null,
+		checkedBy: null,
+		checkedByNick: null,
+		checkedTime: null,
+		contractTime: null,
+		createBy: null,
+		createByNick: null,
+		createTime: null,
+		deptId: null,
+		deptName: null,
+		enableFlag: null,
+		endTime: null,
+		filePath: null,
+		flowAction: null,
+		flowRecordJson: null,
+		invoiceSta: null,
+		lineList: [],
+		paidMoney: null,
+		params: {},
+		payableMoney: null,
+		planCode: null,
+		planId: null,
+		purchaseCode: null,
+		purchaseDate: null,
+		purchaseId: null,
+		quantity: null,
+		realTotalPrice: null,
+		realTotalWeight: null,
+		remark: null,
+		snidCode: null,
+		status: null,
+		totalPrice: null,
+		totalWeight: null,
+		type: null,
+		updateBy: null,
+		updateTime: null,
+		vendorAddress: null,
+		vendorCode: null,
+		vendorContact1: null,
+		vendorContact1Tel: null,
+		vendorId: null,
+		vendorName: null
+	};
+	panels.value = [
+		{
+			name: '明细1',
+			form: {}
+		}
+	];
+	init();
+}
+function submit() {
+	addFormRef.value?.validate(error => {
+		if (!error) {
+			dialogForm.value.lineList = [];
+			panels.value.forEach(item => {
+				delete item.form.id;
+				delete item.form.ifEnable;
+				delete item.form.ifSafeStock;
+				delete item.form.version;
+				delete item.form.createTime;
+				delete item.form.createBy;
+				item.form.unitOfMeasure = item.form.numMeasureName;
+				dialogForm.value.lineList.push(item.form as unknown as Procure.rawProcureList.listType);
+			});
+			delete dialogForm.value.children;
 
-const columns: Ref<DataTableColumns<List.DataForm>> = ref([
-	{
-		title: '序号',
-		key: 'index',
-		align: 'center',
-		width: 60,
-		render: (_row, index) => (searchForm.value.pageNum - 1) * searchForm.value.pageSize + index + 1
-	},
-	{
-		title: '产品分类',
-		key: 'productTypeName',
-		align: 'center',
-		width: 80
-	},
-	{
-		title: '产品名称',
-		key: 'productName',
-		align: 'center',
-		width: 100
-	},
-	{
-		title: '产品编码',
-		key: 'productCode',
-		align: 'center',
-		width: 130,
-		ellipsis: {
-			tooltip: true
+			dialogForm.value.totalPrice = getTotalPric.value.toString();
+			dialogForm.value.quantity = getTotalNum.value.toString();
+			dialogForm.value.totalWeight = getTotalWeight.value.toString();
+			if (dialogForm.value.purchaseId) {
+				dialogForm.value.status = 'PREPARE';
+				editPurchase(dialogForm.value).then(res => {
+					if (res.code === 200) {
+						message.success(res.msg);
+						cancel();
+					}
+				});
+			} else {
+				dialogForm.value.attr1 = 'YL';
+				dialogForm.value.status = 'PREPARE';
+				addPurchase(dialogForm.value).then(res => {
+					if (res.code === 200) {
+						message.success(res.msg);
+						cancel();
+					}
+				});
+			}
 		}
-	},
+	});
+}
+const data = ref<Procure.rawProcureList.columns[]>([]);
+const columns: Ref<DataTableColumns<Procure.rawProcureList.columns>> = ref([
 	{
-		title: '产品型号',
-		key: 'productSize',
-		align: 'center',
-		width: 120
+		type: 'selection'
 	},
 	{
-		title: '颜色',
-		align: 'center',
-		key: 'color'
+		title: '订单编号',
+		key: 'purchaseCode',
+		width: 100
 	},
 	{
-		title: '颜色名称',
-		key: 'status',
-		align: 'center',
-		render: row => {
-			return <dict-tag options={corlor_types.value} value={row.color}></dict-tag>;
-		},
-		width: 110,
-		ellipsis: {
-			tooltip: true
-		}
+		title: '采购部门',
+		key: 'deptName',
+		width: 280
 	},
+
+	{ title: '供应商', key: 'vendorName', width: 180 },
+	// {
+	//   title: '关联计划编码',
+	//   key: 'planCode',
+	//   width: 180
+	// },
 	{
-		title: '国际型号',
-		key: 'productSizeInternational',
-		align: 'center',
-		width: 120
+		title: '计划数量',
+		key: 'quantity',
+		width: 80
 	},
 	{
-		title: '产品规格',
-		key: 'specification',
-		align: 'center',
+		title: '计划重量',
+		key: 'totalWeight',
 		width: 80
 	},
 	{
-		title: '单位',
-		key: 'weightMeasureName',
-		align: 'center',
+		title: '总价',
+		key: 'totalPrice',
 		width: 80
 	},
+
+	// {
+	//   title: '型号规格',
+	//   key: 'specification',
+	//   width: 180
+	// },
+	// {
+	//   title: '单位',
+	//   key: 'unitOfMeasure',
+	//   width: 80
+	// },
 	// {
-	//   title: '创建时间',
-	//   key: 'createTime',
-	//   width: 200
+	//   title: '计划开始日期',
+	//   key: 'planDateStart',
+	//   width: 180
 	// },
+	// {
+	//   title: '计划结束日期',
+	//   key: 'planDateEnd',
+	//   width: 180
+	// },
+	{
+		title: '计划员',
+		key: 'createBy',
+		width: 150
+	},
 	{
-		title: '备注',
+		title: '状态',
+		key: 'status',
+		width: 80,
+		fixed: 'right',
 		align: 'center',
-		key: 'remark',
-		width: 200
+		render: row => {
+			console.log(row.status);
+			return <dict-tag options={erp_auxiliary_status.value} value={row.status}></dict-tag>;
+		}
 	},
+	// {
+	//   title: '计划时间',
+	//   key: 'planMonth',
+	//   width: 280
+	// },
 	{
 		title: '操作',
 		key: 'action',
-		align: 'center',
 		fixed: 'right',
-		width: 160,
-		render(row) {
-			return (
-				<div>
-					<n-button size="small" type="info" class="mr-5px" onClick={() => handleEdit(row)}>
-						<icon-tdesign-edit class="mr-1px text-15px "/>
-						编辑
-					</n-button>
-					<n-button
-						size="small"
-						type="error"
-						class="mr-5px"
-						onClick={() => {
-							warning.warn(() => {
-								deleteProduct({id: row.id}).then(res => {
-									if (res.code === 200) {
-										message.success('删除成功');
-										init();
-									} else {
-										message.error('删除失败');
-									}
+		width: 220,
+		render: row => {
+			const Btn: JSX.Element[] = [];
+			if (row.status === 'PREPARE') {
+				Btn.push(
+					useBtn(
+						() => {
+							// row.status = 'DISTRIBUTE';
+							sendPurchase({ ...row, status: 'DISTRIBUTE' }).then(res => {
+								console.log(res);
+								if (res.code === 200) {
+									message.success('下发成功');
+									init();
+								}
+							});
+						},
+						'send',
+						'tiny'
+					)
+				);
+				Btn.push(
+					useEditBtn(() => {
+						editFlag.value = true;
+						getPurchaseTop(row.purchaseId as string).then(res => {
+							dialogForm.value = deepClone(res.data);
+							if (res.data.lineList.length > 0) {
+								panels.value = [];
+								res.data.lineList.forEach((item, index) => {
+									panels.value.push({
+										name: `明细${index + 1}`,
+										form: { ...item, deliveryDate: new Date(item.deliveryDate), numMeasureName: item.unitOfMeasure }
+									});
 								});
+							}
+							showDialog.value = true;
+						});
+					}, 'tiny')
+				);
+			}
+			Btn.push(
+				...[
+					useInfoBtn(
+						() => {
+							detail.value = true;
+							detailLoading.value = true;
+							getPurchaseDetail(row.purchaseId as string).then(res => {
+								detailLoading.value = false;
+
+								detailData.value = res.rows;
 							});
-						}}
-					>
-						<icon-tdesign-delete class="mr-1px text-15px "/>
-						删除
-					</n-button>
-				</div>
+						},
+						'tiny',
+						'明细'
+					),
+
+					useDelBtn(() => {
+						delPurchase(row.purchaseId as string).then(res => {
+							if (res.code === 200) {
+								message.success('删除成功！');
+								init();
+							}
+						});
+					}, 'tiny')
+				]
 			);
+			return Btn;
 		}
 	}
 ]);
-// function optionsToObject(options: { label: string; value: string }[]) {
-//   const obj = {};
-//   options.forEach(item => {
-//     obj[item.value] = item.label;
-//   });
-//   return obj;
-// }
-const data = ref<List.DataForm[]>([]);
-
-function handleEdit(row: List.DataForm) {
-	addForm.value = deepClone(row);
-	openDialog();
-	console.log(row);
-}
-
-const typeOptions = ref<{ label: string; value: string }[]>([]);
-const unitOptions = ref<{ label: string; value: string }[]>([]);
-
-async function init() {
-	// typeOptions.value.splice(0, typeOptions.value.length);
+function init() {
 	startLoading();
-	await getProductList(searchForm.value).then(res => {
-		console.log(res);
+	if (dateArr.value) {
+		addDateRange(searchForm.value, dateArr.value);
+	}
+	searchForm.value.attr1 = 'YL';
+	getPurchaseList(searchForm.value).then(res => {
 		data.value = res.rows;
 		searchForm.value.total = res.total;
 	});
-
 	endLoading();
 }
+const itemOptions = ref<
+	{
+		value: string;
+		label: string;
+		unitType: string;
+		numMeasureId: number;
+		numMeasureName: string;
+		weightMeasureId: number;
+		weightMeasureName: string;
+	}[]
+>([]);
+function selectItem(form) {
+	itemOptions.value.forEach(item => {
+		if (item.value === form.itemId) {
+			Object.assign(form, item);
+			if (item.numMeasureId && item.numMeasureId !== 0) {
+				form.numMeasureName = item.numMeasureName;
+			} else {
+				form.numMeasureName = item.weightMeasureName;
+			}
+		}
+	});
+}
+const treeOptions = ref<any>();
+function treeSelect(_val, item) {
+	dialogForm.value.deptId = item.deptId;
+	dialogForm.value.deptName = item.deptName;
+}
+const supperOptions = ref<{ value: string; label: string }[]>([]);
+function handleSelectSupper(_val, item) {
+	dialogForm.value.vendorAddress = item.address;
+	dialogForm.value.vendorCode = item.vendorCode;
+	dialogForm.value.vendorContact1 = item.contact1;
+	dialogForm.value.vendorContact1Tel = item.contact1Tel;
+	dialogForm.value.vendorName = item.vendorName;
+}
+const rawProucreOptions = ref<{ value: string; label: string }[]>([]);
 
+function handleSelectRawProucre(_val, item) {
+	dialogForm.value.planId = item.planId;
+	dialogForm.value.planCode = item.planCode;
+	// dialogForm.value = Object.assign(dialogForm.value, item);
+}
 onMounted(() => {
-	init();
-	// 获取单位Options
-	getAllUnitList().then(res => {
+	// 获取物料列表
+	getMaterialAllAccessory({ pageSize: 999 }).then(res => {
 		console.log(res);
-		res.data.forEach(item => {
-			unitOptions.value.push({
-				label: item.measureName,
-				value: item.id
+		res.rows.forEach(item => {
+			itemOptions.value.push({
+				value: item.id,
+				label: item.itemName,
+				...item
+			});
+		});
+	});
+	// 获取部门列表
+	listDept({}).then(res => {
+		treeOptions.value = handleTree(res.data, 'deptId', 'parentId', 'children');
+		// console.log(handleTree(res.data, 'deptId', 'parentId', 'children'), 222);
+		// console.log(res, 11);
+	});
+	// 获取供应商列表
+	getAllSupplier({ pageSize: 999 }).then(res => {
+		res.rows.forEach(item => {
+			supperOptions.value.push({
+				value: item.id,
+				label: item.supplierName,
+				...item
 			});
 		});
 	});
-	// 获取类型Options
-	getAllClassifyList({pageNum: 1}).then(res => {
-		const list: any[] = [];
+	// 获取计划列表
+	getAllRawProcureList().then(res => {
 		res.data.forEach(item => {
-			list.push({
-				id: item.id,
-				parentTypeId: item.parentTypeId,
-				key: item.id,
-				label: item.typeName
+			rawProucreOptions.value.push({
+				value: item.planId,
+				label: item.planCode,
+				...item
 			});
 		});
-		typeOptions.value = listToTree(list, 'id', 'parentTypeId');
 	});
+	init();
 });
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>