From df199d192fb14d590327469f1bfa3b8b12350c01 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:19:58 +0800
Subject: [PATCH] first

---
 src/typings/md.d.ts                      |    4 +-
 src/views/md/list/index.vue              |  636 +++++++-------
 src/views/procure/procureOrder/index.vue | 1022 +++++++---------------
 3 files changed, 632 insertions(+), 1030 deletions(-)

diff --git a/src/typings/md.d.ts b/src/typings/md.d.ts
index 6fa6302..fbb395d 100644
--- a/src/typings/md.d.ts
+++ b/src/typings/md.d.ts
@@ -75,6 +75,7 @@ declare namespace List {
 		numMeasureName: string;
 		weightMeasureName: string;
 		createTime: string;
+		color?: string;
 		remark: string;
 		ifEnable: number;
 	};
@@ -95,6 +96,7 @@ declare namespace List {
 		specification: string;
 		processRouteId: string | null;
 		productName: string;
+		color?: string;
 		productTypeName?: string;
 		weightMeasureId: string | null;
 		weightMeasureName?: string;
@@ -153,7 +155,7 @@ declare namespace Item {
 		maxStock: string;
 		createTime: string;
 		remark: string;
-		color: string,
+		color?: string,
 		ifEnable: number;
 		attr1: string | null;
 		attr2: string | null;
diff --git a/src/views/md/list/index.vue b/src/views/md/list/index.vue
index daab8c2..2c01329 100644
--- a/src/views/md/list/index.vue
+++ b/src/views/md/list/index.vue
@@ -1,114 +1,117 @@
 <template>
-  <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>
-        <n-form-item label="产品名称">
-          <n-input v-model:value="searchForm.productName" placeholder="请输入产品名称" />
-        </n-form-item>
-        <n-form-item label="产品规格">
-          <n-input v-model:value="searchForm.specification" placeholder="请输入产品规格" />
-        </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>
-        </n-form-item>
-      </n-form>
-    </my-card>
-    <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>
-      </template>
-      <n-data-table
-        ellipsis
-        :loading="loading"
-        :columns="columns"
-        :data="data"
-        :max-height="dataTableConfig.maxHeight"
-        :scroll-x="dataTableConfig.scrollWidth(columns)"
-      ></n-data-table>
+	<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>
+				<n-form-item label="产品名称">
+					<n-input v-model:value="searchForm.productName" placeholder="请输入产品名称" />
+				</n-form-item>
+				<n-form-item label="产品规格">
+					<n-input v-model:value="searchForm.specification" placeholder="请输入产品规格" />
+				</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>
+				</n-form-item>
+			</n-form>
+		</my-card>
+		<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>
+			</template>
+			<n-data-table
+				ellipsis
+				:loading="loading"
+				:columns="columns"
+				:data="data"
+				:max-height="dataTableConfig.maxHeight"
+				:scroll-x="dataTableConfig.scrollWidth(columns)"
+			></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"
-      @submit="submit"
-    >
-      <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-tree-select
-                  v-model:value="addForm.productTypeId"
-                  :options="typeOptions"
-                  placeholder="请输入产品分类"
-                  @update:value="
+			<my-pagination v-model:search-form="searchForm" @init="init"></my-pagination>
+		</my-card>
+		<my-dialog
+			:title="addForm.id ? '编辑产品' : '新增产品'"
+			width="750px"
+			:show="showDialog"
+			@cancel="cancel"
+			@submit="submit"
+		>
+			<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-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="请输入产品名称" />
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="产品型号" :span="11" path="productSize">
-                <n-select
-                  v-model:value="addForm.productSize"
-                  filterable
-                  placeholder="请选择主型号"
-                  :options="dictionaryOptions"
-                  @update:value="dictionaryHandleChange"
-                />
-              </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>
-              <n-form-item-grid-item label="重量单位" :span="11" path="weightMeasureName">
-                <n-select
-                  v-model:value="addForm.weightMeasureId"
-                  :options="unitOptions"
-                  placeholder="请输入重量单位"
-                  @update:value="
+								/>
+							</n-form-item-grid-item>
+							<n-form-item-grid-item label="产品名称" :span="11" path="productTypeId">
+								<n-input v-model:value="addForm.productName" placeholder="请输入产品名称" />
+							</n-form-item-grid-item>
+							<n-form-item-grid-item label="产品型号" :span="11" path="productSize">
+								<n-select
+									v-model:value="addForm.productSize"
+									filterable
+									placeholder="请选择主型号"
+									:options="dictionaryOptions"
+									@update:value="dictionaryHandleChange"
+								/>
+							</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>
+							<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>
-            </n-grid>
-          </n-form>
-        </div>
-      </template>
-    </my-dialog>
-  </div>
+								/>
+							</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>
+						</n-grid>
+					</n-form>
+				</div>
+			</template>
+		</my-dialog>
+	</div>
 </template>
 
 <script setup lang="tsx">
 defineOptions({
-  name: 'ListMange'
+	name: 'ListMange'
 });
 import type { Ref } from 'vue';
 import { ref, onMounted, getCurrentInstance } from 'vue';
@@ -128,202 +131,221 @@ const addFormRef = ref<FormInst | null>(null);
 const routeOptions = ref<{ label: string; value: number }[]>([]);
 
 const { proxy } = getCurrentInstance() as any;
-const { product_model_standard } = proxy.useDict('product_model_standard');
+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: '',
-  weightMeasureId: null,
-  remark: '',
-  ifEnable: 1
+	processRouteName: '',
+	productTypeId: '',
+	productSize: '',
+	productSizeInternational: '',
+	processRouteId: '',
+	specification: '',
+	productName: '',
+	color: '',
+	weightMeasureId: null,
+	remark: '',
+	ifEnable: 1
 });
 const rules = {
-  productTypeId: createRequiredFormRule('请选择产品类型'),
-  productSize: createRequiredFormRule('请输入规格型号'),
-  specification: createRequiredFormRule('请输入规格型号'),
-  productName: createRequiredFormRule('请输入产品名称'),
-  weightMeasureId: createRequiredFormRule('请输入重量单位')
+	productTypeId: createRequiredFormRule('请选择产品类型'),
+	productSize: createRequiredFormRule('请输入规格型号'),
+	specification: createRequiredFormRule('请输入规格型号'),
+	productName: createRequiredFormRule('请输入产品名称'),
+	weightMeasureId: createRequiredFormRule('请输入重量单位')
 };
 function cancel() {
-  closeDialog();
-  addForm.value = {
-    processRouteName: '',
-    productTypeId: '',
-    productName: '',
-    productSize: '',
-    productSizeInternational: '',
-    specification: '',
-    processRouteId: '',
-    weightMeasureId: null,
-    remark: '',
-    ifEnable: 1
-  };
+	closeDialog();
+	addForm.value = {
+		processRouteName: '',
+		productTypeId: '',
+		productName: '',
+		productSize: '',
+		productSizeInternational: '',
+		specification: '',
+		processRouteId: '',
+		color: '',
+		weightMeasureId: null,
+		remark: '',
+		ifEnable: 1
+	};
 }
 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 => {
-          if (res.code === 200) {
-            message.success('修改成功');
-            cancel();
-            init();
-          }
-        });
-      }
-    }
-  });
+	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 => {
+					if (res.code === 200) {
+						message.success('修改成功');
+						cancel();
+						init();
+					}
+				});
+			}
+		}
+	});
 }
 const searchForm = ref<List.SearchForm>({
-  productTypeId: '',
-  productName: '',
-  specification: '',
-  pageNum: 1,
-  pageSize: 10,
-  total: 0
+	productTypeId: '',
+	productName: '',
+	specification: '',
+	pageNum: 1,
+	pageSize: 10,
+	total: 0
 });
 function dictionaryHandleChange(val, item) {
-  addForm.value.productSize = item.label;
-  addForm.value.productSizeInternational = val;
+	addForm.value.productSize = item.label;
+	addForm.value.productSizeInternational = val;
 }
 function handleSearch() {
-  console.log(searchForm.value);
-  init();
+	console.log(searchForm.value);
+	init();
 }
 function handleReset() {
-  searchForm.value = {
-    productTypeId: '',
-    productName: '',
-    specification: '',
-    pageNum: 1,
-    pageSize: 10,
-    total: 0
-  };
-  init();
+	searchForm.value = {
+		productTypeId: '',
+		productName: '',
+		specification: '',
+		pageNum: 1,
+		pageSize: 10,
+		total: 0
+	};
+	init();
 }
 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
-    }
-  },
-  {
-    title: '产品型号',
-    key: 'productSize',
-    align: 'center',
-    width: 120
-  },
-  {
-    title: '国际型号',
-    key: 'productSizeInternational',
-    align: 'center',
-    width: 120
-  },
-  {
-    title: '产品规格',
-    key: 'specification',
-    align: 'center',
-    width: 80
-  },
-  {
-    title: '单位',
-    key: 'weightMeasureName',
-    align: 'center',
-    width: 80
-  },
-  // {
-  //   title: '创建时间',
-  //   key: 'createTime',
-  //   width: 200
-  // },
-  {
-    title: '备注',
-    align: 'center',
-    key: 'remark',
-    width: 200
-  },
-  {
-    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('删除失败');
-                  }
-                });
-              });
-            }}
-          >
-            <icon-tdesign-delete class="mr-1px text-15px " />
-            删除
-          </n-button>
-        </div>
-      );
-    }
-  }
+	{
+		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
+		}
+	},
+	{
+		title: '产品型号',
+		key: 'productSize',
+		align: 'center',
+		width: 120
+	},
+	{
+		title: '颜色',
+		align: 'center',
+		key: 'color'
+	},
+	{
+		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: 'productSizeInternational',
+		align: 'center',
+		width: 120
+	},
+	{
+		title: '产品规格',
+		key: 'specification',
+		align: 'center',
+		width: 80
+	},
+	{
+		title: '单位',
+		key: 'weightMeasureName',
+		align: 'center',
+		width: 80
+	},
+	// {
+	//   title: '创建时间',
+	//   key: 'createTime',
+	//   width: 200
+	// },
+	{
+		title: '备注',
+		align: 'center',
+		key: 'remark',
+		width: 200
+	},
+	{
+		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('删除失败');
+									}
+								});
+							});
+						}}
+					>
+						<icon-tdesign-delete class="mr-1px text-15px " />
+						删除
+					</n-button>
+				</div>
+			);
+		}
+	}
 ]);
 // function optionsToObject(options: { label: string; value: string }[]) {
 //   const obj = {};
@@ -334,49 +356,49 @@ const columns: Ref<DataTableColumns<List.DataForm>> = ref([
 // }
 const data = ref<List.DataForm[]>([]);
 function handleEdit(row: List.DataForm) {
-  addForm.value = deepClone(row);
-  openDialog();
-  console.log(row);
+	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);
-  startLoading();
-  await getProductList(searchForm.value).then(res => {
-    console.log(res);
-    data.value = res.rows;
-    searchForm.value.total = res.total;
-  });
+	// typeOptions.value.splice(0, typeOptions.value.length);
+	startLoading();
+	await getProductList(searchForm.value).then(res => {
+		console.log(res);
+		data.value = res.rows;
+		searchForm.value.total = res.total;
+	});
 
-  endLoading();
+	endLoading();
 }
 onMounted(() => {
-  init();
-  // 获取单位Options
-  getAllUnitList().then(res => {
-    console.log(res);
-    res.data.forEach(item => {
-      unitOptions.value.push({
-        label: item.measureName,
-        value: item.id
-      });
-    });
-  });
-  // 获取类型Options
-  getAllClassifyList({ pageNum: 1 }).then(res => {
-    const list: any[] = [];
-    res.data.forEach(item => {
-      list.push({
-        id: item.id,
-        parentTypeId: item.parentTypeId,
-        key: item.id,
-        label: item.typeName
-      });
-    });
-    typeOptions.value = listToTree(list, 'id', 'parentTypeId');
-  });
+	init();
+	// 获取单位Options
+	getAllUnitList().then(res => {
+		console.log(res);
+		res.data.forEach(item => {
+			unitOptions.value.push({
+				label: item.measureName,
+				value: item.id
+			});
+		});
+	});
+	// 获取类型Options
+	getAllClassifyList({ pageNum: 1 }).then(res => {
+		const list: any[] = [];
+		res.data.forEach(item => {
+			list.push({
+				id: item.id,
+				parentTypeId: item.parentTypeId,
+				key: item.id,
+				label: item.typeName
+			});
+		});
+		typeOptions.value = listToTree(list, 'id', 'parentTypeId');
+	});
 });
 </script>
 
diff --git a/src/views/procure/procureOrder/index.vue b/src/views/procure/procureOrder/index.vue
index ddd3b58..b3ce47e 100644
--- a/src/views/procure/procureOrder/index.vue
+++ b/src/views/procure/procureOrder/index.vue
@@ -2,194 +2,107 @@
 	<div>
 		<my-card title="搜索条件" search>
 			<n-form inline>
-				<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 style="width: 180px" label="产品分类">
+					<n-tree-select v-model:value="searchForm.productTypeId" :options="typeOptions" placeholder="请输入产品分类" />
 				</n-form-item>
-				<n-form-item label="供应商">
-					<n-select v-model:value="searchForm.vendorId" :options="supperOptions" class="w-180px"></n-select>
+				<n-form-item label="产品名称">
+					<n-input v-model:value="searchForm.productName" placeholder="请输入产品名称" />
 				</n-form-item>
-				<n-form-item label="计划日期">
-					<n-date-picker v-model:value="dateArr" type="daterange"></n-date-picker>
+				<n-form-item label="产品规格">
+					<n-input v-model:value="searchForm.specification" placeholder="请输入产品规格" />
 				</n-form-item>
 				<n-form-item>
-					<component :is="useSearchBtn(search, reset)"></component>
+					<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>
 				</n-form-item>
 			</n-form>
 		</my-card>
-		<my-card title="采购订单">
+		<my-card title="产品列表">
 			<template #right>
-				<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 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>
 			</template>
 			<n-data-table
-				children-key="lineList"
-				:row-key="row => row.planId"
+				ellipsis
 				:loading="loading"
 				:columns="columns"
 				:data="data"
-				@update-checked-row-keys="handleSelect"
+				:max-height="dataTableConfig.maxHeight"
+				:scroll-x="dataTableConfig.scrollWidth(columns)"
 			></n-data-table>
+
 			<my-pagination v-model:search-form="searchForm" @init="init"></my-pagination>
 		</my-card>
 		<my-dialog
-			v-model:show="showDialog"
-			width="800px"
-			:title="!editFlag ? '修改采购订单' : '新增采购订单'"
-			@submit="submit"
+			:title="addForm.id ? '编辑产品' : '新增产品'"
+			width="750px"
+			:show="showDialog"
 			@cancel="cancel"
+			@submit="submit"
 		>
 			<template #content>
 				<div>
-					<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-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-tree-select
-									v-model:value="dialogForm.deptId"
-									label-field="deptName"
-									key-field="deptId"
-									:options="treeOptions"
-									@update:value="treeSelect"
-								></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 :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="dialogForm.vendorId"
-									:options="supperOptions"
-									@update:value="handleSelectSupper"
-								></n-select>
+							<n-form-item-grid-item label="产品名称" :span="11" path="productTypeId">
+								<n-input v-model:value="addForm.productName" placeholder="请输入产品名称" />
 							</n-form-item-grid-item>
-							<n-form-item-grid-item :span="1" label="关联计划：" path="planId">
+							<n-form-item-grid-item label="产品型号" :span="11" path="productSize">
 								<n-select
-									v-model:value="dialogForm.planId"
-									:options="rawProucreOptions"
-									@update:value="handleSelectRawProucre"
-								></n-select>
+									v-model:value="addForm.productSize"
+									filterable
+									placeholder="请选择主型号"
+									:options="dictionaryOptions"
+									@update:value="dictionaryHandleChange"
+								/>
 							</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 label="产品规格" :span="11" path="specification">
+								<n-input v-model:value="addForm.specification" placeholder="请输入产品规格" />
 							</n-form-item-grid-item>
-							<n-form-item-grid-item :span="1" label="总重量：">
-								{{ getTotalWeight }}
+							<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>
 						</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-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>
@@ -197,642 +110,307 @@
 </template>
 
 <script setup lang="tsx">
-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 = {
-	deptId: createRequiredFormRule('请选择部门'),
-	vendorId: createRequiredFormRule('请选择供应商'),
-	planId: createRequiredFormRule('请选择计划')
-};
-const addFormRef = ref<FormInst | null>(null);
+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 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
-	},
+const {bool: showDialog, setFalse: closeDialog, setTrue: openDialog} = useBoolean();
+const addFormRef = ref<FormInst | null>(null);
+const routeOptions = ref<{ label: string; value: number }[]>([]);
 
-	{
-		title: '计划交货时间',
-		key: 'deliveryDate',
-		width: 180
-	},
-	{
-		title: '单价',
-		key: 'price',
-		width: 80
-	},
+const {proxy} = getCurrentInstance() as any;
+const {product_model_standard, corlor_types} = proxy.useDict('product_model_standard', "corlor_types");
 
-	{
-		title: '重量',
-		key: 'weight',
-		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('删除成功');
-						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 dictionaryOptions = product_model_standard;
 
-const addable = computed(() => {
-	return panels.value.length < 10;
-});
-const closable = computed(() => {
-	return panels.value.length > 1;
+const addForm = ref<List.AddForm>({
+	processRouteName: '',
+	productTypeId: '',
+	productSize: '',
+	productSizeInternational: '',
+	processRouteId: '',
+	specification: '',
+	productName: '',
+	color: '',
+	weightMeasureId: null,
+	remark: '',
+	ifEnable: 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 rules = {
+	productTypeId: createRequiredFormRule('请选择产品类型'),
+	productSize: createRequiredFormRule('请输入规格型号'),
+	specification: createRequiredFormRule('请输入规格型号'),
+	productName: createRequiredFormRule('请输入产品名称'),
+	weightMeasureId: createRequiredFormRule('请输入重量单位')
+};
 
-	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 search() {
-	searchForm.value.pageNum = 1;
-	init();
-}
-function reset() {
-	searchForm.value = {
-		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
+	closeDialog();
+	addForm.value = {
+		processRouteName: '',
+		productTypeId: '',
+		productName: '',
+		productSize: '',
+		productSizeInternational: '',
+		specification: '',
+		processRouteId: '',
+		color: '',
+		weightMeasureId: null,
+		remark: '',
+		ifEnable: 1
 	};
-	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;
 
-			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 => {
+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(res.msg);
+						message.success('新增成功');
 						cancel();
+						init();
 					}
 				});
 			} else {
-				dialogForm.value.attr1 = 'YL';
-				dialogForm.value.status = 'PREPARE';
-				addPurchase(dialogForm.value).then(res => {
+				await editProduct(addForm.value).then(res => {
 					if (res.code === 200) {
-						message.success(res.msg);
+						message.success('修改成功');
 						cancel();
+						init();
 					}
 				});
 			}
 		}
 	});
 }
-const data = ref<Procure.rawProcureList.columns[]>([]);
-const columns: Ref<DataTableColumns<Procure.rawProcureList.columns>> = ref([
+
+const searchForm = ref<List.SearchForm>({
+	productTypeId: '',
+	productName: '',
+	specification: '',
+	pageNum: 1,
+	pageSize: 10,
+	total: 0
+});
+
+function dictionaryHandleChange(val, item) {
+	addForm.value.productSize = item.label;
+	addForm.value.productSizeInternational = val;
+}
+
+function handleSearch() {
+	console.log(searchForm.value);
+	init();
+}
+
+function handleReset() {
+	searchForm.value = {
+		productTypeId: '',
+		productName: '',
+		specification: '',
+		pageNum: 1,
+		pageSize: 10,
+		total: 0
+	};
+	init();
+}
+
+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
+	},
 	{
-		type: 'selection'
+		title: '产品分类',
+		key: 'productTypeName',
+		align: 'center',
+		width: 80
 	},
 	{
-		title: '订单编号',
-		key: 'purchaseCode',
+		title: '产品名称',
+		key: 'productName',
+		align: 'center',
 		width: 100
 	},
 	{
-		title: '采购部门',
-		key: 'deptName',
-		width: 280
+		title: '产品编码',
+		key: 'productCode',
+		align: 'center',
+		width: 130,
+		ellipsis: {
+			tooltip: true
+		}
 	},
-
-	{ title: '供应商', key: 'vendorName', width: 180 },
 	{
-		title: '关联计划编码',
-		key: 'planCode',
-		width: 180
+		title: '产品型号',
+		key: 'productSize',
+		align: 'center',
+		width: 120
 	},
 	{
-		title: '计划数量',
-		key: 'quantity',
-		width: 80
+		title: '颜色',
+		align: 'center',
+		key: 'color'
 	},
 	{
-		title: '计划重量',
-		key: 'totalWeight',
-		width: 80
+		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: 'totalPrice',
-		width: 80
+		title: '国际型号',
+		key: 'productSizeInternational',
+		align: 'center',
+		width: 120
 	},
-
-	// {
-	//   title: '型号规格',
-	//   key: 'specification',
-	//   width: 180
-	// },
-	// {
-	//   title: '单位',
-	//   key: 'unitOfMeasure',
-	//   width: 80
-	// },
-	// {
-	//   title: '计划开始日期',
-	//   key: 'planDateStart',
-	//   width: 180
-	// },
-	// {
-	//   title: '计划结束日期',
-	//   key: 'planDateEnd',
-	//   width: 180
-	// },
 	{
-		title: '计划员',
-		key: 'createBy',
-		width: 150
+		title: '产品规格',
+		key: 'specification',
+		align: 'center',
+		width: 80
 	},
 	{
-		title: '状态',
-		key: 'status',
-		width: 80,
-		fixed: 'right',
+		title: '单位',
+		key: 'weightMeasureName',
 		align: 'center',
-		render: row => {
-			console.log(row.status);
-			return <dict-tag options={erp_auxiliary_status.value} value={row.status}></dict-tag>;
-		}
+		width: 80
 	},
 	// {
-	//   title: '计划时间',
-	//   key: 'planMonth',
-	//   width: 280
+	//   title: '创建时间',
+	//   key: 'createTime',
+	//   width: 200
 	// },
+	{
+		title: '备注',
+		align: 'center',
+		key: 'remark',
+		width: 200
+	},
 	{
 		title: '操作',
 		key: 'action',
+		align: 'center',
 		fixed: 'right',
-		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 }
-									});
+		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('删除失败');
+									}
 								});
-							}
-							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;
 							});
-						},
-						'tiny',
-						'明细'
-					),
-
-					useDelBtn(() => {
-						delPurchase(row.purchaseId as string).then(res => {
-							if (res.code === 200) {
-								message.success('删除成功！');
-								init();
-							}
-						});
-					}, 'tiny')
-				]
+						}}
+					>
+						<icon-tdesign-delete class="mr-1px text-15px "/>
+						删除
+					</n-button>
+				</div>
 			);
-			return Btn;
 		}
 	}
 ]);
-function init() {
+// 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);
 	startLoading();
-	if (dateArr.value) {
-		addDateRange(searchForm.value, dateArr.value);
-	}
-	searchForm.value.attr1 = 'YL';
-	getPurchaseList(searchForm.value).then(res => {
+	await getProductList(searchForm.value).then(res => {
+		console.log(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;
-			}
-			console.log('form.unitType', form.unitType);
-		}
-	});
-}
-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(() => {
-	// 获取物料列表
-	getMaterialAllAccessory({ pageSize: 999 }).then(res => {
+	init();
+	// 获取单位Options
+	getAllUnitList().then(res => {
 		console.log(res);
-		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
+		res.data.forEach(item => {
+			unitOptions.value.push({
+				label: item.measureName,
+				value: item.id
 			});
 		});
 	});
-	// 获取计划列表
-	getAllRawProcureList().then(res => {
+	// 获取类型Options
+	getAllClassifyList({pageNum: 1}).then(res => {
+		const list: any[] = [];
 		res.data.forEach(item => {
-			rawProucreOptions.value.push({
-				value: item.planId,
-				label: item.planCode,
-				...item
+			list.push({
+				id: item.id,
+				parentTypeId: item.parentTypeId,
+				key: item.id,
+				label: item.typeName
 			});
 		});
+		typeOptions.value = listToTree(list, 'id', 'parentTypeId');
 	});
-	init();
 });
 </script>
 
-<style scoped></style>
+<style lang="scss" scoped></style>