运营管理

src/api/yunyin/yunying.js

@@ -50,7 +50,54 @@ export const getProductData = (params) => {
         params
     })
 }
-
+//4.获取单个工艺数据（排产参数调整）
+export const getProductGy = (data) => {
+    return service({
+        url: '/mes_server/product/getProductGy',
+        method: 'get',
+        data
+    })
+}
+//5.修改产品工艺(排产参数调整)
+export const editGy = (data) => {
+    return service({
+        url: '/mes_server/product/editGy',
+        method: 'get',
+        data
+    })
+}
+//6.修改产品基本资料
+export const editProduct = (data) => {
+    return service({
+        url: '/mes_server/product/editProduct',
+        method: 'get',
+        data
+    })
+}
+//7.设置产品状态
+export const setProductStatus = (data) => {
+    return service({
+        url: '/mes_server/product/setProductStatus',
+        method: 'get',
+        data
+    })
+}
+//工艺方案更名
+export const editGyName = (data) => {
+    return service({
+        url: '/mes_server/product/editGyName',
+        method: 'get',
+        data
+    })
+}
+//8.1获取产品工艺数量
+export const getGyTotal = (data) => {
+    return service({
+        url: '/mes_serve/product/getGyTotal',
+        method: 'get',
+        data
+    })
+}
 /** 生产管理 工单资料管理*/
 // 1.工单资料菜单列表
 export const DataList = (data) => {

src/view/yunyin/chanpinziliao/chanpinziliao.vue

@@ -18,13 +18,27 @@
             <el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
               <!--          左侧查询输入框 -->
               <el-form-item>
-                <el-input v-model="searchInfo.keyword" placeholder="请输入员工编号或员工姓名" clearable style="width: 200px;"></el-input>
+                <el-input v-model="searchInfo.keyword" placeholder="请输入产品编号或产品名称" clearable style="width: 200px;"></el-input>
               </el-form-item>
               <!--        查询和重置按钮 -->
               <el-form-item>
                 <el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
 <!--                <el-button icon="refresh" @click="onReset">重置</el-button>-->
                 <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>
+                <el-button type="primary" icon="Download" @click="cpexportToExcel">导出产品资料</el-button>
+                <el-dialog v-model="cpdialogexportToExcel" title="导出产品资料" width="50%">
+                  <!-- 在这里放入弹出页面的内容 -->
+                  <p>这是弹出页面的内容 导出产品资料</p>
+
+                </el-dialog>
+
+
+                <el-button type="primary" icon="Download" @click="gyexportToExcel" style="margin-left: 10px">导出工艺流程</el-button>
+                <el-dialog v-model="gydialogexportToExcel" title="导出工艺流程" width="50%">
+                  <!-- 在这里放入弹出页面的内容 -->
+                  <p>这是弹出页面的内容 导出工艺流程</p>
+
+                </el-dialog>
               </el-form-item>
             </el-form>
           </div>
@@ -34,11 +48,11 @@
             <!--        数据表格 -->
             <el-table ref="multipleTable"
                       style="width: 100%;height: 600px;"
-                      :row-class-name="tableRowClassName"
                       border
                       tooltip-effect="dark"
                       :data="tableData"
                       row-key="ID"
+                      highlight-current-row="true"
                       @selection-change="handleSelectionChange"
                       @row-dblclick="updateCompanyFunc"
                       @row-click="tableRowClick"
@@ -64,9 +78,9 @@
               <el-table-column align="left" label="工艺" prop="gyData" width="100"/>
               <el-table-column align="left" label="印件数" prop="yjData" width="100" />
             </el-table>
-<!--            <div class="gva-pagination">-->
-<!--              <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize" :page-sizes="[5,10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange"/>-->
-<!--            </div>-->
+            <div class="gva-pagination">
+              <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize" :page-sizes="[10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange"/>
+            </div>
           </div>
 
           <!--      印件资料、工艺资料、印版资料、技术资料附件【按钮】-->
@@ -317,6 +331,20 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { ref, reactive } from 'vue'
 import {getCustom, getDepartment, getProduct, getProductData} from "@/api/yunyin/yunying";
 defineOptions({   name: 'Company'})
+// =========== 导出Excel表格 ===========
+//导出产品
+const cpexportToExcel = () => {
+  console.log('点击了导出产品按钮')
+  cpdialogexportToExcel.value = true;
+}
+//导出工艺流程
+const gyexportToExcel = () => {
+  console.log('点击了导出工艺流程按钮')
+  gydialogexportToExcel.value = true;
+}
+// 导出Excel弹窗
+const cpdialogexportToExcel = ref(false)
+const gydialogexportToExcel = ref(false)
 
 // =========== 左侧树侧形结构 ===========
 const treeData = ref({})
@@ -354,11 +382,11 @@ const tableRowClick = async (row) => {
   //点击表格获取 产品编号
   const product_code = row.产品编号;
   // console.log(product_code);
-    const res = await getProductData({product_code:product_code});//接口
-    console.log(res);
-    yjtableData.splice(0, yjtableData.length, ...res.data.yjData);//印件资料表格
-    gytableData.splice(0, gytableData.length, ...res.data.gyData);//工艺资料表格
-    ybtableData.splice(0, ybtableData.length, ...res.data.ybData);//印版资料表格
+  const res = await getProductData({product_code:product_code});//接口
+  // console.log(res);
+  yjtableData.splice(0, yjtableData.length, ...res.data.yjData);//印件资料表格
+  gytableData.splice(0, gytableData.length, ...res.data.gyData);//工艺资料表格
+  ybtableData.splice(0, ybtableData.length, ...res.data.ybData);//印版资料表格
 };
 
 // 分页
@@ -407,35 +435,23 @@ const page = ref(1)
 const total = ref(0)
 const pageSize = ref(10)
 const searchInfo = ref({})
-
-// 重置
-const onReset = () => {
-  searchInfo.value = {}
-  getTableData()
-}
-
 // 搜索
 const onSubmit = () => {
-  elSearchFormRef.value?.validate(async(valid) => {
-    if (!valid) return
-    page.value = 1
-    pageSize.value = 10
-    getTableData()
-  })
+
 }
 
 // 查询
 const getTableData = async() => {
-  const table = await getCompanyList({ page: page.value, pageSize: pageSize.value, ...searchInfo.value })
-  if (table.code === 0) {
-    tableData.value = table.data.list
-    total.value = table.data.total
-    page.value = table.data.page
-    pageSize.value = table.data.pageSize
-  }
+
 }
 getTableData()
 
+// 重置
+const onReset = () => {
+  searchInfo.value = {}
+  getTableData()
+}
+
 // ============== 表格控制部分结束 ===============
 
 // 获取需要的字典 可能为空 按需保留
@@ -445,56 +461,6 @@ const setOptions = async () =>{
 // 获取需要的字典 可能为空 按需保留
 setOptions()
 
-// 多选数据
-const multipleSelection = ref([])
-// 多选
-const handleSelectionChange = (val) => {
-  multipleSelection.value = val
-}
-
-// 删除行
-const deleteRow = (row) => {
-  ElMessageBox.confirm('确定要删除吗?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    deleteCompanyFunc(row)
-  })
-}
-
-
-// 批量删除控制标记
-const deleteVisible = ref(false)
-
-// 多选删除
-const onDelete = async() => {
-  const ids = []
-  if (multipleSelection.value.length === 0) {
-    ElMessage({
-      type: 'warning',
-      message: '请选择要删除的数据'
-    })
-    return
-  }
-  multipleSelection.value &&
-  multipleSelection.value.map(item => {
-    ids.push(item.ID)
-  })
-  const res = await deleteCompanyByIds({ ids })
-  if (res.code === 0) {
-    ElMessage({
-      type: 'success',
-      message: '删除成功'
-    })
-    if (tableData.value.length === ids.length && page.value > 1) {
-      page.value--
-    }
-    deleteVisible.value = false
-    getTableData()
-  }
-}
-
 //行为控制标记（弹窗内部需要增还是改）
 const type = ref('')
 
@@ -611,5 +577,8 @@ const enterDialog = async () => {
 .el-table .warning-row {
   background: oldlace;
 }
-
+/* 选中某行时的背景色*/
+.el-table__body tr.current-row>td {
+  background: #ff80ff !important;
+}
 </style>

src/view/yunyin/renliziyuan/renyuanjibenziliao.vue

@@ -17,14 +17,19 @@
 						<el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
 							<!-- 左侧查询输入框 -->
 							<el-form-item>
-								<el-input v-model="searchInfo.ke" placeholder="请输入员工编号或员工姓名" clearable style="width: 200px;"></el-input>
+								<el-input v-model="searchInfo.ke" placeholder="搜索员工编号或员工姓名" clearable style="width: 200px;"></el-input>
 							</el-form-item>
 							<!-- 右侧查询和重置按钮 -->
 							<el-form-item>
 								<el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
 <!--								<el-button icon="refresh" @click="onReset">重置</el-button>-->
                 <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>
-                <el-button type="primary" icon="el-icon-download" @click="showExportDialog">导出到Excel</el-button>
+                <el-button type="primary" icon="Download" @click="exportToExcel">导出到Excel</el-button>
+                <el-dialog v-model="dialogexportToExcel" title="员工基本资料导出" width="50%">
+                  <!-- 在这里放入弹出页面的内容 -->
+                  <p>这是弹出页面的内容</p>
+
+                </el-dialog>
 							</el-form-item>
 						</el-form>
 					</div>
@@ -49,9 +54,11 @@
 						<!-- 表格 -->
 						<el-table ref="multipleTable"
                       style="width: 100%;height: 500px"
-                      tooltip-effect="dark" :data="tableData" border
+                      tooltip-effect="dark"
+                      :data="tableData"
+                      border
 							        row-key="ID"
-                      :row-class-name="tableRowClassName"
+                      highlight-current-row="true"
                       @row-dblclick="updateCompanyFunc"
                       @row-click="tableRowClick"
                       @selection-change="handleSelectionChange">
@@ -76,14 +83,7 @@
 							<el-table-column align="left" label="创建用户" prop="sys_id" width="160" />
 							<el-table-column align="left" label="创建时间" prop="sys_rq" width="160" />
 							<el-table-column align="left" label="修改时间" prop="mod_rq" width="160" />
-<!--							<el-table-column align="left" label="操作" min-width="120" fixed='right'>-->
-<!--								<template #default="scope">-->
-<!--									<el-button type="primary" link icon="edit" class="table-button"-->
-<!--										@click="updateCompanyFunc(scope.row)">编辑</el-button>-->
-<!--								</template>-->
-<!--							</el-table-column>-->
 						</el-table>
-
 						<!-- 分页 -->
 <!--						<div class="gva-pagination">-->
 <!--							<el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page"-->
@@ -204,25 +204,28 @@
 							</div>
 						</template>
 					</el-dialog>
-
-
-
 				</el-main>
 			</el-container>
 		</el-container>
 	</div>
 </template>
-
 <script setup>
 // 全量引入格式化工具 请按需保留
 import {createCompany, deleteCompany, deleteCompanyByIds, updateCompany, findCompany, getCompanyList} from '@/api/company'
 import {getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDownloadFile} from '@/utils/format'
 import {ElMessage, ElMessageBox} from 'element-plus'
 import {ref, reactive} from 'vue'
-import {getDepartment, getProductData, getStaffList, ygjbzledit} from '@/api/yunyin/yunying'
+import {getCustom, getDepartment, getProductData, getStaffList, ygjbzledit} from '@/api/yunyin/yunying'
 defineOptions({name: 'Company'})
+// =========== 导出Excel表格 ===========
+const exportToExcel = () => {
+  console.log('点击了导出按钮')
+  dialogexportToExcel.value = true;
+}
+// 导出Excel弹窗
+const dialogexportToExcel = ref(false)
 
-// =========== 左侧树侧形结构 ===========
+// =========== 获取左侧树侧形结构 ===========
 const treeData = ref({})
 const defaultProps = {
   children: 'children',
@@ -242,10 +245,9 @@ const getDepartmentdata = async () => {
 }
 getDepartmentdata();
 
-//点击左侧树形获取列表
+//点击左侧树形 获取右侧table列表
 const tableData = reactive([])
 const handleNodeClick = async (node) => {
-  //通过 department_code 编号 获取列表数据
   const department_code = node.编号;
   try {
     const WorkListdata = await getStaffList({ department_code:department_code,limit: '', page: ''});//接口调用函数
@@ -304,7 +306,6 @@ const searchRule = reactive({
 })
 const elFormRef = ref()
 const elSearchFormRef = ref()
-
 const searchInfo = ref({})
 
 // 重置
@@ -315,50 +316,28 @@ const onReset = () => {
 
 // 搜索
 const onSubmit = () => {
-  elSearchFormRef.value?.validate(async (valid) => {
-    console.log(valid)
-    // if (!valid) return
-    // page.value = 1
-    // pageSize.value = 10
-    // getTableData()
-  })
-}
+  const searchValue = searchInfo._rawValue; // 获取搜索框输入的值
+  console.log(searchValue);
+  // elSearchFormRef.value?.validate(async (valid) => {
+  //   if (valid) {
+  //     try {
+  //       const response = await getStaffList({ search: searchValue }); // 将搜索框输入的值作为 search 参数发送给后台
+  //       console.log(response);
+  //     } catch (error) {
+  //       console.error('发生错误:', error);
+  //     }
+  //   } else {
+  //     console.log('验证不通过');
+  //   }
+  // });
+};
 
 // 查询
 const getTableData = async () => {
-  const table = await getCompanyList({
-    page: page.value,
-    pageSize: pageSize.value,
-    ...searchInfo.value
-  })
-  if (table.code === 0) {
-    tableData.value = table.data.list
-    total.value = table.data.total
-    page.value = table.data.page
-    pageSize.value = table.data.pageSize
-  }
+  // console.log(table)
 }
 getTableData()
 
-// ============== 表格控制部分结束 ===============
-const tableRowClick = async (row) => {
-  console.log(row);
-};
-
-
-// 获取需要的字典 可能为空 按需保留
-const setOptions = async () => {}
-
-// 获取需要的字典 可能为空 按需保留
-setOptions()
-
-// 多选数据
-const multipleSelection = ref([])
-// 多选
-const handleSelectionChange = (val) => {
-  multipleSelection.value = val
-}
-
 // 行为控制标记（弹窗内部需要增还是改）
 const type = ref('')
 
@@ -366,36 +345,11 @@ const type = ref('')
 const updateCompanyFunc = async (row) => {
   const product_code = row.员工编号;
   console.log(product_code);
-  // const data = await ygjbzledit({ product_code: product_code });
-  // console.log(data);
   dialogFormVisible.value = true;
 };
 // 弹窗控制标记
 const dialogFormVisible = ref(false)
 
-// 查看详情控制标记
-const detailShow = ref(false)
-
-// 打开详情弹窗
-const openDetailShow = () => {
-  detailShow.value = true
-}
-
-// 打开详情
-const getDetails = async (row) => {
-  detailShow.value = true
-}
-
-// 关闭详情弹窗
-const closeDetailShow = () => {
-  detailShow.value = false
-  formData.value = {
-    address: '',
-    image: '',
-    name: '',
-  }
-}
-
 // 打开弹窗
 const openDialog = () => {
   type.value = 'create'
@@ -483,4 +437,9 @@ const enterDialog = async () => {
   .el-table .warning-row {
     background: oldlace;
   }
+
+/* 选中某行时的背景色*/
+.el-table__body tr.current-row>td {
+  background: #ff80ff !important;
+}
 </style>

src/view/yunyin/shengchanguanli/gongdanshengchan.vue

@@ -1,24 +1,27 @@
 <template>
   <div>
     <el-container>
-      <!-- 左侧树形结构 -->
       <el-aside width="340px">
         <div class="JKWTree-tree">
-          <h3> 组织列表</h3>
+<!--          <h3> 组织列表</h3>-->
           <el-tree :data="sctreeData" :props="defaultProps" @node-click="schandleNodeClick"></el-tree>
-          <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+          <el-tree
+              :data="treeData"
+              :props="defaultProps"
+              @node-click="handleNodeClick"></el-tree>
         </div>
       </el-aside>
       <el-container>
+        <!--        <el-header>dd</el-header>-->
         <el-main>
 
           <!-- 搜索框 -->
           <div class="gva-search-box">
-            <el-form ref="elSearchFormRef" :inline="true" class="demo-form-inline" >
+            <el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
 
               <!-- 左侧查询输入框 -->
               <el-form-item>
-                <el-input  placeholder="" clearable style="width: 300px;"></el-input>
+                <el-input v-model="searchInfo.keyword" placeholder="" clearable style="width: 300px;"></el-input>
               </el-form-item>
 
               <!-- 查询和重置按钮 -->
@@ -32,194 +35,561 @@
           <div class="gva-table-box">
             <div class="gva-btn-list">
               <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>
+              <!--              <el-button type="primary" style="width: 110px;" >查找工单</el-button>-->
+              <!--              <el-button type="primary" style="width: 110px;" >工单状态设置</el-button>-->
+              <!--              <el-button type="primary" style="width: 110px;" >工单状态更正</el-button>-->
+              <!--              <el-button type="primary" style="width: 110px;" >引用实际参数</el-button>-->
+              <!--              <el-button type="primary" style="width: 110px;" >排程参数维护</el-button>-->
+              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >排程参数复制</el-button>-->
+              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >编辑生产计划</el-button>-->
+              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >工单打印</el-button>-->
+              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >工序产量核查</el-button>-->
+              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >流程单查询</el-button>-->
+              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >工单筛选</el-button>-->
             </div>
 
-            <!-- 表格部分 -->
             <el-table ref="multipleTable"
-                      style="width: 100%;height: 400px;"
-                      :data="tableData" border tooltip-effect="dark"
+                      style="width: 100%"
+                      border
+                      tooltip-effect="dark"
+                      :data="tableData"
                       row-key="ID"
+                      highlight-current-row="true"
                       @selection-change="handleSelectionChange"
-                      :show-summary="true"
-            >
-              <!-- 动态绑定 el-table-column 列 -->
-              <el-table-column
-                  v-for="column in dynamicColumns"
-                  :key="column.prop"
-                  :label="column.label"
-                  :prop="column.prop"
-                  :width="column.width"
-                  :align="column.align"
-              >
-                <!-- 可以根据需要添加模板内容 -->
-              </el-table-column>
-
-              <!-- 合计行 -->
-              <el-table-column
-                  label="合计"
-                  align="center"
-                  :formatter="formatTotal"
-              ></el-table-column>
-
-              <!-- 操作列 -->
-              <el-table-column align="left" label="操作" min-width="100" fixed="right">
+                      :show-overflow-tooltip="true">
+              <el-table-column type="selection" width="55"/>
+              <el-table-column align="left" label="生产分类" prop="生产分类" width="120" />
+              <el-table-column align="left" label="工单编号" prop="工单编号" width="120" />
+              <el-table-column align="left" label="产品代号" prop="产品代号" width="120" />
+              <el-table-column align="left" label="产品名称" prop="产品名称" width="340" />
+              <el-table-column align="left" label="接单日期" prop="接单日期" width="160" />
+              <el-table-column align="left" label="交货日期" prop="交货日期" width="160" />
+              <el-table-column align="left" label="订单数量" prop="订单数量" width="120" />
+              <el-table-column align="left" label="计量单位" prop="计量单位" width="120" />
+              <el-table-column align="left" label="客户名称" prop="客户名称" width="200" />
+              <el-table-column align="left" label="客户编号" prop="客户编号" width="120" />
+              <el-table-column align="left" label="备注" prop="备注" width="400" />
+              <el-table-column align="left" label="客户料号" prop="客户料号" width="120" />
+              <el-table-column align="left" label="创建用户" prop="创建用户" width="160" />
+              <el-table-column align="left" label="创建时间" prop="创建时间" width="160" />
+              <el-table-column align="left" label="修改时间" prop="修改时间" width="160" />
+              <el-table-column align="left" label="UNIQID" prop="UNIQID" width="120" />
+              <el-table-column align="left" label="投料率" prop="投料率" width="120" />
+              <el-table-column align="left" label="销售订单号" prop="销售订单号" width="120" />
+              <el-table-column align="left" label="操作" min-width="120" fixed='right'>
                 <template #default="scope">
                   <el-button type="primary" link icon="edit" class="table-button" @click="updateCompanyFunc(scope.row)">变更</el-button>
                 </template>
               </el-table-column>
             </el-table>
+            <!--            <div class="gva-pagination">-->
+            <!--              <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize" :page-sizes="[5,10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange"/>-->
+            <!--            </div>-->
           </div>
 
+          <!-- 弹窗 -->
+          <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="type==='create'?'添加产品资料':'修改产品资料'" destroy-on-close>
+            <el-row>
+              <!-- 左侧表单 -->
+              <el-col :span="8">
+                <el-scrollbar height="500px">
+                  <el-form :model="formData" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
+                    <el-form-item label="客户料号:" prop="address">
+                      <el-input v-model="formData.address" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="产品编号:" prop="gender">
+                      <el-input v-model="formData.gender" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="产品名称:" prop="idCard">
+                      <el-input v-model="formData.idCard" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="版本号:" prop="department">
+                      <el-input v-model="formData.department" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="成品规格:" prop="joinDate">
+                      <el-input v-model="formData.joinDate" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="单位:" prop="joinDate">
+                      <el-input v-model="formData.joinDate" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="产品分类:" prop="joinDate">
+                      <el-input v-model="formData.joinDate" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                  </el-form>
+                </el-scrollbar>
+              </el-col>
+
+              <!-- 中间表单 -->
+              <el-col :span="8">
+                <el-scrollbar height="500px">
+                  <el-form :model="formData" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
+                    <el-form-item label="最近接单日期:" prop="name">
+                      <el-input v-model="formData.name" :clearable="true" placeholder=":" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="最近引用日期:" prop="birthDate">
+                      <el-input v-model="formData.birthDate" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="印件数:" prop="position">
+                      <el-input v-model="formData.position" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="工艺:" prop="departmentId">
+                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="当前状态:" prop="departmentId">
+                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="最后修改:" prop="departmentId">
+                      <el-input v-model="formData.departmentId" :clearable="true" placeholder=":" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="建档时间:" prop="departmentId">
+                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                    <el-form-item label="更新时间:" prop="departmentId">
+                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
+                    </el-form-item>
+                  </el-form>
+                </el-scrollbar>
+              </el-col>
+
+            </el-row>
+
+            <template #footer>
+              <div class="dialog-footer">
+                <el-button @click="closeDialog">取 消</el-button>
+                <el-button type="primary" @click="enterDialog">确 定</el-button>
+              </div>
+            </template>
+          </el-dialog>
+
+          <!-- 详情展示弹窗 -->
+          <el-dialog v-model="detailShow" style="width: 800px" lock-scroll :before-close="closeDetailShow" title="员工基本资料管理" destroy-on-close>
+            <el-scrollbar height="550px">
+              <el-descriptions column="2" border>
+                <!-- 左侧部分 -->
+                <el-descriptions-item label="客户料号" :min-width="labelMinWidth">
+                  {{ formData.employeeId }}
+                </el-descriptions-item>
+                <el-descriptions-item label="产品编号" :min-width="labelMinWidth">
+                  {{ formData.gender }}
+                </el-descriptions-item>
+                <el-descriptions-item label="产品名称" :min-width="labelMinWidth">
+                  {{ formData.idCard }}
+                </el-descriptions-item>
+                <el-descriptions-item label="版本号" :min-width="labelMinWidth">
+                  {{ formData.sectionName }}
+                </el-descriptions-item>
+                <el-descriptions-item label="成品规格" :min-width="labelMinWidth">
+                  {{ formData.employeeId }}
+                </el-descriptions-item>
+                <el-descriptions-item label="单位" :min-width="labelMinWidth">
+                  {{ formData.gender }}
+                </el-descriptions-item>
+                <el-descriptions-item label="产品分类" :min-width="labelMinWidth">
+                  {{ formData.idCard }}
+                </el-descriptions-item>
+
+                <!-- 右侧部分 -->
+                <el-descriptions-item label="最近接单日期" :min-width="labelMinWidth">
+                  {{ formData.name }}
+                </el-descriptions-item>
+                <el-descriptions-item label="最近引用日期" :min-width="labelMinWidth">
+                  {{ formData.birthdate }}
+                </el-descriptions-item>
+                <el-descriptions-item label="印件数" :min-width="labelMinWidth">
+                  {{ formData.position }}
+                </el-descriptions-item>
+                <el-descriptions-item label="工艺" :min-width="labelMinWidth">
+                  {{ formData.departmentId }}
+                </el-descriptions-item>
+                <el-descriptions-item label="当前状态" :min-width="labelMinWidth">
+                  {{ formData.name }}
+                </el-descriptions-item>
+                <el-descriptions-item label="最后修改" :min-width="labelMinWidth">
+                  {{ formData.birthdate }}
+                </el-descriptions-item>
+                <el-descriptions-item label="建档时间" :min-width="labelMinWidth">
+                  {{ formData.position }}
+                </el-descriptions-item>
+                <el-descriptions-item label="更新时间" :min-width="labelMinWidth">
+                  {{ formData.departmentId }}
+                </el-descriptions-item>
+              </el-descriptions>
+            </el-scrollbar>
+
+          </el-dialog>
         </el-main>
       </el-container>
     </el-container>
   </div>
 </template>
 
-<script>
-import {ref, computed, onMounted, reactive} from 'vue';
-import { workbench, getProduct, Project } from "@/api/yunyin/yunying";
-export default {
-  setup() {
-    const totalRow = reactive({
-      '产品名称': 0,
-    });
+<script setup>
+// 全量引入格式化工具 请按需保留
+import {createCompany, deleteCompany, deleteCompanyByIds, updateCompany, findCompany, getCompanyList} from '@/api/company'
+import { getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDownloadFile } from '@/utils/format'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { ref, reactive } from 'vue'
+import {DataList, getProduct, Project, workbench} from "@/api/yunyin/yunying";
+defineOptions({name: 'Company'})
 
-    const calculateTotal = () => {
-      totalRow.产品名称 = 0;
-
-      tableData.value.forEach((item) => {
-        totalRow.产品名称 += item.产品名称数量 || 0;
-      });
-    };
-
-    const formatTotal = ({ row, column, rowIndex, columnIndex }) => {
-      if (columnIndex === dynamicColumns.value.length - 1 && column.property === '产品名称数量') {
-        return `产品名称：${totalRow.产品名称}个`;
-      }
-      return '';
-    };
-
-    const sctreeData = ref([
-      {
-        label: '设备定额及分配参数设置',
-        children:[
-          { label: '1.计划中工单', number: 1 },
-          { label: '2.排程中工单', number: 2 },
-          { label: '3.制程中工单', number: 3 },
-          { label: '4.已完工工单', number: 4 }
-        ],
-      }
-    ]);
-    const treeData = ref([]); // 添加 treeData 的定义
-    const tableData = ref([]);
-    const currentNumber = ref(0);
-    const dynamicColumns = computed(() => {
-      switch (currentNumber.value) {
-        case 1:
-          return [
-            { label: '生产分类', prop: '生产分类', width: 120, align: 'left' },
-            { label: '工单编号', prop: '工单编号', width: 120, align: 'left' },
-            { label: '产品代号', prop: '产品代号', width: 120, align: 'left' },
-            { label: '产品名称', prop: '产品名称', width: 200, align: 'left' },
-            { label: '接单日期', prop: '接单日期', width: 160, align: 'left' },
-            { label: '交货日期', prop: '交货日期', width: 160, align: 'left' },
-            { label: '订单数量', prop: '订单数量', width: 120, align: 'left' },
-            { label: '计量单位', prop: '计量单位', width: 120, align: 'left' },
-            { label: '客户名称', prop: '客户名称', width: 200, align: 'left' },
-            { label: '客户编号', prop: '客户编号', width: 120, align: 'left' },
-            { label: '备注', prop: '备注', width: 120, align: 'left' },
-            { label: '客户料号', prop: '客户料号', width: 120, align: 'left' },
-            { label: '创建用户', prop: '创建用户', width: 160, align: 'left' },
-            { label: '创建时间', prop: '创建时间', width: 160, align: 'left' },
-            { label: '修改时间', prop: '修改时间', width: 160, align: 'left' },
-            { label: 'UNIQID', prop: 'UNIQID', width: 120, align: 'left' },
-            { label: '投料率', prop: '投料率', width: 120, align: 'left' },
-            { label: '销售订单号', prop: '销售订单号', width: 120, align: 'left' },
-          ];
-        case 2:
-          return [
-            { label: '工单编号', prop: '工单编号', width: 120, align: 'left' },
-          ];
-        case 3:
-          return [
-            { label: '工单编号', prop: '工单编号', width: 120, align: 'left' },
-          ];
-        case 4:
-          return [
-            { label: '工单编号', prop: '工单编号', width: 120, align: 'left' },
-          ];
-        default:
-          return [];
-      }
-    });
-    const schandleNodeClick = async (node) => {
-      currentNumber.value = node.number;
-      switch (node.number) {
-        case 1:
-          const Projectdata = await Project();
-          tableData.value = Projectdata.data;
-          break;
-        case 2:
-          break;
-        case 3:
-          break;
-        case 4:
-          break;
-        default:
-          break;
-      }
-    };
-    const handleSelectionChange = () => {
-      // 处理表格选中变化的逻辑
-    };
-
-    const updateCompanyFunc = (row) => {
-      // 处理表格行的编辑操作逻辑
-    };
-
-    const workbenchdata = async () => {
-      try {
-        const data = await workbench();
-        const rawData = data.data;
-        const dataArray = Object.keys(rawData).map((key) => ({
-          label: key,
-          children: Object.keys(rawData[key]).map((subKey) => ({
-            label: subKey,
-            children: rawData[key][subKey].map((item) => ({
-              label: item,
-            })),
-          })),
-        }));
-        treeData.value = dataArray;
-      } catch (error) {
-        console.error(error);
-      }
-    };
-
-    // 获取左侧树形结构数据
-    onMounted(() => {
-      workbenchdata();
+// =========== 左侧树侧形结构 ===========
+const sctreeData = ref([
+  {
+    label: '排产进程及参数设置',
+    children:[
+      {label: '1.计划中工单', number: 1 },
+      {label: '2.排程中工单', number: 2 },
+      {label: '3.制程中工单', number: 3 },
+      {label: '4.已完工工单', number: 4 }
+    ],
+  }
+]);
+
+const treeData = ref([]);
+//点击 设备定额及分配参数设置
+const schandleNodeClick = async (node) => {
+  switch (node.number) {
+    case 1:
+      const Projectdata = await Project();
+      tableData.value = Projectdata.data
+      // const productCountMap = tableData.value.reduce((countMap, item) => {
+      //   const productName = item.产品名称;
+      //   countMap[productName] = (countMap[productName] || 0) + 1;
+      //   return countMap;
+      // }, {});
+      // const productCountMapLength = Object.keys(productCountMap).length;
+      // console.log(`产品名称总数量：${productCountMapLength}`);
+      break;
+    case 2:
+      break;
+    case 3:
+      break;
+    case 4:
+      break;
+  }
+};
+const workbenchdata = async () => {
+  try {
+    const data = await workbench();
+    const rawData = data.data;
+    const dataArray =Object.keys(rawData).map(key => ({
+      label: key,
+      children: Object.keys(rawData[key]).map(subKey => ({
+        label: subKey,
+        children: rawData[key][subKey].map(item => ({
+          label: item
+        }))
+      }))
+    }));
+    treeData.value = dataArray;
+    // console.log(dataArray);
+  } catch (error) {
+    console.error(error);
+  }
+};
+workbenchdata();
+
+//点击左侧树形获取列表
+const tableData = ref([])
+const handleNodeClick = async (node) => {
+  const custom_code = node.label; // 假设你想使用节点的 label 作为 custom_code
+  console.log(custom_code);
+
+  // 通过 custom_code 客户编号获取列表数据
+  try {
+    const WorkListdata = await getProduct({ custom_code, limit: pageSize.value, page: page.value });
+    console.log(WorkListdata)
+    tableData.splice(0, tableData.length, ...WorkListdata.data.data);
+    // total.value = tableData.length;
+  } catch (error) {
+    console.error(error);
+  }
+
+  // 检查并设置子节点的 expanded 属性，以确保它们能够正确展开
+  if (node.children && node.children.length > 0) {
+    node.children.forEach((child) => {
+      this.$set(child, 'expanded', false);
     });
+  }
 
-    // 处理左侧树形结构节点点击事件
-    const handleNodeClick = async (node) => {
-      const custom_code = node.label; // 假设你想使用节点的 label 作为 custom_code
-      console.log(custom_code);
-    };
-
-    return {
-      sctreeData,
-      treeData,
-      totalRow,
-      formatTotal,
-      tableData,
-      dynamicColumns,
-      schandleNodeClick,
-      handleSelectionChange,
-      updateCompanyFunc,
-      handleNodeClick,
-    };
-  },
 };
-</script>
+
+
+
+
+
+
+
+// 自动化生成的字典（可能为空）以及字段
+const formData = ref({
+  address: '',
+  image: '',
+  name: '',
+})
+
+// 验证规则
+const rule = reactive({
+})
+
+const searchRule = reactive({
+  createdAt: [
+    { validator: (rule, value, callback) => {
+        if (searchInfo.value.startCreatedAt && !searchInfo.value.endCreatedAt) {
+          callback(new Error('请填写结束日期'))
+        } else if (!searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt) {
+          callback(new Error('请填写开始日期'))
+        } else if (searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt && (searchInfo.value.startCreatedAt.getTime() === searchInfo.value.endCreatedAt.getTime() || searchInfo.value.startCreatedAt.getTime() > searchInfo.value.endCreatedAt.getTime())) {
+          callback(new Error('开始日期应当早于结束日期'))
+        } else {
+          callback()
+        }
+      }, trigger: 'change' }
+  ],
+})
+
+const elFormRef = ref()
+const elSearchFormRef = ref()
+
+// =========== 表格控制部分 ===========
+const page = ref(1)
+const total = ref(0)
+const pageSize = ref(10)
+const searchInfo = ref({})
+
+// 重置
+const onReset = () => {
+  searchInfo.value = {}
+  getTableData()
+}
+
+// 搜索
+const onSubmit = () => {
+  elSearchFormRef.value?.validate(async(valid) => {
+    if (!valid) return
+    page.value = 1
+    pageSize.value = 10
+    getTableData()
+  })
+}
+
+// 分页
+const handleSizeChange = (val) => {
+  pageSize.value = val
+  getTableData()
+}
+
+// 修改页面容量
+const handleCurrentChange = (val) => {
+  page.value = val
+  getTableData()
+}
+
+// 查询
+const getTableData = async() => {
+  const table = await getCompanyList({ page: page.value, pageSize: pageSize.value, ...searchInfo.value })
+  if (table.code === 0) {
+    tableData.value = table.data.list
+    total.value = table.data.total
+    page.value = table.data.page
+    pageSize.value = table.data.pageSize
+  }
+}
+
+getTableData()
+
+// ============== 表格控制部分结束 ===============
+
+// 获取需要的字典 可能为空 按需保留
+const setOptions = async () =>{
+}
+
+// 获取需要的字典 可能为空 按需保留
+setOptions()
+
+
+// 多选数据
+const multipleSelection = ref([])
+// 多选
+const handleSelectionChange = (val) => {
+  multipleSelection.value = val
+}
+
+// 删除行
+const deleteRow = (row) => {
+  ElMessageBox.confirm('确定要删除吗?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    deleteCompanyFunc(row)
+  })
+}
+
+
+// 批量删除控制标记
+const deleteVisible = ref(false)
+
+// 多选删除
+const onDelete = async() => {
+  const ids = []
+  if (multipleSelection.value.length === 0) {
+    ElMessage({
+      type: 'warning',
+      message: '请选择要删除的数据'
+    })
+    return
+  }
+  multipleSelection.value &&
+  multipleSelection.value.map(item => {
+    ids.push(item.ID)
+  })
+  const res = await deleteCompanyByIds({ ids })
+  if (res.code === 0) {
+    ElMessage({
+      type: 'success',
+      message: '删除成功'
+    })
+    if (tableData.value.length === ids.length && page.value > 1) {
+      page.value--
+    }
+    deleteVisible.value = false
+    getTableData()
+  }
+}
+
+// 行为控制标记（弹窗内部需要增还是改）
+const type = ref('')
+
+// 更新行
+const updateCompanyFunc = async(row) => {
+  // const res = await findCompany({ ID: row.ID })
+  // type.value = 'update'
+  // if (res.code === 0) {
+  //     formData.value = res.data.recompany
+  //     dialogFormVisible.value = true
+  // }
+  dialogFormVisible.value = true
+}
+
+
+// 删除行
+const deleteCompanyFunc = async (row) => {
+  const res = await deleteCompany({ ID: row.ID })
+  if (res.code === 0) {
+    ElMessage({
+      type: 'success',
+      message: '删除成功'
+    })
+    if (tableData.value.length === 1 && page.value > 1) {
+      page.value--
+    }
+    getTableData()
+  }
+}
+
+// 弹窗控制标记
+const dialogFormVisible = ref(false)
+
+
+// 查看详情控制标记
+const detailShow = ref(false)
+
+
+// 打开详情弹窗
+const openDetailShow = () => {
+  detailShow.value = true
+}
+
+
+// 打开详情
+const getDetails = async (row) => {
+  // 打开弹窗
+  const res = await findCompany({ ID: row.ID })
+  if (res.code === 0) {
+    formData.value = res.data.recompany
+    openDetailShow()
+  }
+}
+
+
+// 关闭详情弹窗
+const closeDetailShow = () => {
+  detailShow.value = false
+  formData.value = {
+    address: '',
+    image: '',
+    name: '',
+  }
+}
+
+
+// 打开弹窗
+const openDialog = () => {
+  type.value = 'create'
+  dialogFormVisible.value = true
+}
+
+// 关闭弹窗
+const closeDialog = () => {
+  dialogFormVisible.value = false
+  formData.value = {
+    address: '',
+    image: '',
+    name: '',
+  }
+}
+// 弹窗确定
+const enterDialog = async () => {
+  elFormRef.value?.validate( async (valid) => {
+    if (!valid) return
+    let res
+    switch (type.value) {
+      case 'create':
+        res = await createCompany(formData.value)
+        break
+      case 'update':
+        res = await updateCompany(formData.value)
+        break
+      default:
+        res = await createCompany(formData.value)
+        break
+    }
+    if (res.code === 0) {
+      ElMessage({
+        type: 'success',
+        message: '创建/更改成功'
+      })
+      closeDialog()
+      getTableData()
+    }
+  })
+}
+
+</script>
+
+<style>
+.JKWTree-container {
+  display: flex;
+}
+
+.JKWTree-tree {
+  width: 300px;
+  background-color: #fff;
+  padding: 10px;
+  margin-right: 20px;
+}
+
+.JKWTree-tree h3 {
+  font-size: 15px;
+  font-weight: 700;
+  margin: 10px 0;
+}
+
+.JKWTree-content {
+  flex: 1;
+}
+/* 选中某行时的背景色*/
+.el-table__body tr.current-row>td {
+  background: #ff80ff !important;
+}
+</style>

src/view/yunyin/shengchanguanli/gongdanziliao.vue

@@ -2,333 +2,460 @@
   <div>
     <el-container>
       <!-- 左侧树形结构 -->
-      <el-aside width="340px">
-        <div class="JKWTree-tree">
-          <h3> 组织列表</h3>
-          <el-tree :data="sctreeData" :props="defaultProps" @node-click="schandleNodeClick"></el-tree>
+      <el-aside width="270px">
+        <div class="JKWTree-tree" style="width: 100%;height: 400px">
+          <h3>工单管理</h3>
           <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
         </div>
       </el-aside>
+
+      <!-- 右侧内容区域 -->
       <el-container>
         <el-main>
-
           <!-- 搜索框 -->
           <div class="gva-search-box">
             <el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
-
               <!-- 左侧查询输入框 -->
               <el-form-item>
-                <el-input v-model="searchInfo.keyword" placeholder="" clearable style="width: 300px;"></el-input>
+                <el-input v-model="searchInfo.keyword" placeholder="请输入工单编号或印品名称" clearable style="width: 200px;"></el-input>
               </el-form-item>
-
-              <!-- 查询和重置按钮 -->
+              <!-- 右侧查询和重置按钮 -->
               <el-form-item>
                 <el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
-                <el-button icon="refresh" @click="onReset">重置</el-button>
+<!--                <el-button icon="refresh" @click="onReset">重置</el-button>-->
+                <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>
+                <el-button type="primary" icon="el-icon-download" style="margin-left: 10px;">导出到Excel</el-button>
               </el-form-item>
             </el-form>
           </div>
 
+          <!-- 表格及操作按钮 -->
           <div class="gva-table-box">
-            <div class="gva-btn-list">
-              <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>
-              <!--              <el-button type="primary" style="width: 110px;" >查找工单</el-button>-->
-              <!--              <el-button type="primary" style="width: 110px;" >工单状态设置</el-button>-->
-              <!--              <el-button type="primary" style="width: 110px;" >工单状态更正</el-button>-->
-              <!--              <el-button type="primary" style="width: 110px;" >引用实际参数</el-button>-->
-              <!--              <el-button type="primary" style="width: 110px;" >排程参数维护</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >排程参数复制</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >编辑生产计划</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >工单打印</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >工序产量核查</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >流程单查询</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >工单筛选</el-button>-->
-            </div>
-
+            <!-- 表格 -->
             <el-table ref="multipleTable"
-                      style="width: 100%"
+                      style="width: 100%;height: 400px"
                       border
                       tooltip-effect="dark"
                       :data="tableData"
                       row-key="ID"
-                      @selection-change="handleSelectionChange">
+                      @row-click="tableRowClick"
+                      highlight-current-row="true"
+                      @row-dblclick="updateCompanyFunc"
+                      @selection-change="handleSelectionChange"
+                      :show-overflow-tooltip="true">
               <el-table-column type="selection" width="55"/>
-              <el-table-column align="left" label="生产分类" prop="生产分类" width="120" />
-              <el-table-column align="left" label="工单编号" prop="工单编号" width="120" />
-              <el-table-column align="left" label="产品代号" prop="产品代号" width="120" />
-              <el-table-column align="left" label="产品名称" prop="产品名称" width="200" />
-              <el-table-column align="left" label="接单日期" prop="接单日期" width="160" />
-              <el-table-column align="left" label="交货日期" prop="交货日期" width="160" />
-              <el-table-column align="left" label="订单数量" prop="订单数量" width="120" />
-              <el-table-column align="left" label="计量单位" prop="计量单位" width="120" />
-              <el-table-column align="left" label="客户名称" prop="客户名称" width="200" />
-              <el-table-column align="left" label="客户编号" prop="客户编号" width="120" />
-              <el-table-column align="left" label="备注" prop="备注" width="120" />
-              <el-table-column align="left" label="客户料号" prop="客户料号" width="120" />
-              <el-table-column align="left" label="创建用户" prop="创建用户" width="160" />
-              <el-table-column align="left" label="创建时间" prop="创建时间" width="160" />
-              <el-table-column align="left" label="修改时间" prop="修改时间" width="160" />
-              <el-table-column align="left" label="UNIQID" prop="UNIQID" width="120" />
-              <el-table-column align="left" label="投料率" prop="投料率" width="120" />
-              <el-table-column align="left" label="销售订单号" prop="销售订单号" width="120" />
-              <el-table-column align="left" label="操作" min-width="120" fixed='right'>
-                <template #default="scope">
-                  <el-button type="primary" link icon="edit" class="table-button" @click="updateCompanyFunc(scope.row)">变更</el-button>
-                </template>
-              </el-table-column>
+                <el-table-column align="left" label="工单编号" prop="工单编号"  width="100" />
+                <el-table-column align="left" label="生产分类" prop="生产分类" width="100" />
+                <el-table-column align="left" label="销售订单号" prop="销售订单号" width="290" />
+                <el-table-column align="left" label="产品代号" prop="产品代号" width="100" />
+                <el-table-column align="left" label="产品名称" prop="产品名称" width="670" />
+                <el-table-column align="left" label="订单数量" prop="订单数量" width="120" />
+                <el-table-column align="left" label="单位" prop="单位" />
+                <el-table-column align="left" label="折合大箱" prop="折合大箱" width="90" />
+                <el-table-column align="left" label="投料率" prop="投料率"  />
+                <el-table-column align="left" label="平均合格率" prop="平均合格率" width="100" />
+                <el-table-column align="left" label="开单日期" prop="开单日期" width="100" />
+                <el-table-column align="left" label="交货日期" prop="交货日期" width="100" />
+                <el-table-column align="left" label="工单类型" prop="工单类型" width="100" />
+                <el-table-column align="left" label="工单状态" prop="工单状态" width="100" />
+                <el-table-column align="left" label="当前生产工序" prop="当前生产工序" width="120" />
+                <el-table-column align="left" label="产量提交时间" prop="产量提交时间" width="120" />
+                <el-table-column align="left" label="建档用户" prop="建档用户" width="120" />
+                <el-table-column align="left" label="建档时间" prop="建档时间" width="170" />
+                <el-table-column align="left" label="更新时间" prop="更新时间" width="170" />
             </el-table>
-            <!--            <div class="gva-pagination">-->
-            <!--              <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize" :page-sizes="[5,10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange"/>-->
-            <!--            </div>-->
+
+            <!-- 分页 -->
+            <div class="gva-pagination">
+              <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize" :page-sizes="[5,10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange"/>
+            </div>
           </div>
 
-          <!-- 弹窗 -->
-          <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="type==='create'?'添加产品资料':'修改产品资料'" destroy-on-close>
-            <el-row>
-              <!-- 左侧表单 -->
-              <el-col :span="8">
-                <el-scrollbar height="500px">
-                  <el-form :model="formData" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
-                    <el-form-item label="客户料号:" prop="address">
-                      <el-input v-model="formData.address" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="产品编号:" prop="gender">
-                      <el-input v-model="formData.gender" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="产品名称:" prop="idCard">
-                      <el-input v-model="formData.idCard" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="版本号:" prop="department">
-                      <el-input v-model="formData.department" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="成品规格:" prop="joinDate">
-                      <el-input v-model="formData.joinDate" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="单位:" prop="joinDate">
-                      <el-input v-model="formData.joinDate" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="产品分类:" prop="joinDate">
-                      <el-input v-model="formData.joinDate" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                  </el-form>
-                </el-scrollbar>
-              </el-col>
-
-              <!-- 中间表单 -->
-              <el-col :span="8">
-                <el-scrollbar height="500px">
-                  <el-form :model="formData" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
-                    <el-form-item label="最近接单日期:" prop="name">
-                      <el-input v-model="formData.name" :clearable="true" placeholder=":" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="最近引用日期:" prop="birthDate">
-                      <el-input v-model="formData.birthDate" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="印件数:" prop="position">
-                      <el-input v-model="formData.position" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="工艺:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="当前状态:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
+          <!--      印件资料、工艺资料、BOM资料【按钮】-->
+          <div>
+            <el-button type="primary" icon="" @click="showTable('印件资料')" style="margin-right: 2px;">印件资料</el-button>
+            <el-button type="primary" icon="" @click="showTable('工艺资料')" style="margin-right: 2px;">工艺资料</el-button>
+            <el-button type="primary" icon="" @click="showTable('BOM资料')" style="margin-right: 2px;">BOM资料</el-button>
+          </div>
+
+          <div v-if="currentTable === '印件资料'">
+            <!--      印件资料【表格】-->
+            <el-table ref="multipleTable"
+                      highlight-current-row="true"
+                      style="width: 100%;height: 400px" border tooltip-effect="dark" :data="yjtableData" row-key="ID" @selection-change="handleSelectionChange">
+              <el-table-column type="selection" width="55" />
+              <el-table-column align="left" label="印件号" prop="印件号"  width="80"/>
+              <el-table-column align="left" label="印件代号" prop="印件代号"  width="120"/>
+              <el-table-column align="left" label="印件名称" prop="印件名称"  width="400"/>
+              <el-table-column align="left" label="纸张代号" prop="纸张代号"  width="100"/>
+              <el-table-column align="left" label="纸张名称" prop="纸张名称"  width="400"/>
+              <el-table-column align="left" label="投料规格" prop="投料规格"  width="100"/>
+              <el-table-column align="left" label="平张投料" prop="平张投料"  width="100"/>
+              <el-table-column align="left" label="开料规格" prop="开料规格"  width="100"/>
+              <el-table-column align="left" label="开数*联数" prop="开数*联数"  width="100"/>
+              <el-table-column align="left" label="建档用户" prop="建档用户"  width="120"/>
+              <el-table-column align="left" label="建档时间" prop="建档时间"  width="160"/>
+              <el-table-column align="left" label="更新时间" prop="更新时间"  width="160"/>
+            </el-table>
+          </div>
+
+          <div v-if="currentTable === '工艺资料'">
+            <!--      工艺资料【表格】-->
+            <el-table ref="multipleTable"
+                      highlight-current-row="true"
+                      style="width: 100%;height: 400px" border tooltip-effect="dark" :data="gytableData" row-key="ID" @selection-change="handleSelectionChange">
+              <el-table-column type="selection" width="55" />
+              <el-table-column align="left" label="重点工序" prop="重点工序"  width="100"/>
+              <el-table-column align="left" label="印件-工序" prop="印件-工序"  width="100"/>
+              <el-table-column align="left" label="备选工序" prop="备选工序"  width="100"/>
+              <el-table-column align="left" label="工序名称" prop="工序名称"  width="560"/>
+              <el-table-column align="left" label="计划产量" prop="计划产量"  width="100"/>
+              <el-table-column align="left" label="基础损耗" prop="基础损耗"  width="100"/>
+              <el-table-column align="left" label="报废定额" prop="报废定额"  width="100"/>
+              <el-table-column align="left" label="允损比例" prop="允损比例"  width="100"/>
+              <el-table-column align="left" label="难度系数" prop="难度系数"  width="100"/>
+              <el-table-column align="left" label="损耗系数" prop="损耗系数"  width="100"/>
+              <el-table-column align="left" label="人工检_次品板" prop="人工检_次品板"  width="160"/>
+              <el-table-column align="left" label="人工检_废检" prop="人工检_废检"  width="160"/>
+              <el-table-column align="left" label="机检_正品板" prop="机检_正品板"  width="160"/>
+              <el-table-column align="left" label="机检_次品板" prop="机检_次品板"  width="160"/>
+              <el-table-column align="left" label="机检_废检" prop="机检_废检"  width="100"/>
+              <el-table-column align="left" label="开数*联数" prop="开数*联数"  width="100"/>
+              <el-table-column align="left" label="备注" prop="备注"  width="450"/>
+              <el-table-column align="left" label="印刷方式" prop="印刷方式"  width="100"/>
+              <el-table-column align="left" label="版距" prop="版距"  width="100"/>
+              <el-table-column align="left" label="建档用户" prop="建档用户"  width="160"/>
+              <el-table-column align="left" label="建档日期" prop="建档日期"  width="160"/>
+              <el-table-column align="left" label="更新时间" prop="更新时间"  width="160"/>
+            </el-table>
+          </div>
+
+          <div v-if="currentTable === 'BOM资料'">
+            <!--      BOM资料表格】-->
+            <el-table ref="multipleTable"
+                      highlight-current-row="true"
+                      style="width: 100%;height: 400px" border tooltip-effect="dark" :data="bomtableData" row-key="ID" @selection-change="handleSelectionChange">
+              <el-table-column type="selection" width="55" />
+              <el-table-column align="left" label="方案" prop="方案"  width="120"/>
+              <el-table-column align="left" label="物料编号" prop="物料编号"  width="100"/>
+              <el-table-column align="left" label="物料名称" prop="物料名称"  width="420"/>
+              <el-table-column align="left" label="计划用量" prop="计划用量"  width="100"/>
+              <el-table-column align="left" label="建档用户" prop="建档用户"  width="100"/>
+              <el-table-column align="left" label="建档时间" prop="建档时间"  width="160"/>
+              <el-table-column align="left" label="更新时间" prop="更新时间"  width="160"/>
+              <el-table-column align="left" label="消耗定量" prop="消耗定量"  width="210"/>
+            </el-table>
+          </div>
+
+
+         <!-- 弹窗 -->
+         <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" style="width: 1000px;" :title="type==='create'?'添加工单资料':'修改工单资料'" destroy-on-close>
+           <el-row>
+             <el-form :model="formData" label-position="right" ref="elFormRef" :rules="rule" >
+				<!-- 第一排 -->
+                <el-row :gutter="20">
+                  <el-col :span="6">
+                    <el-form-item label="重点工单:" prop="keyOrder">
+                      <el-input v-model="formData.keyOrder" :clearable="true" placeholder=""/>
                     </el-form-item>
-                    <el-form-item label="最后修改:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder=":" style="width: 180px;" />
+                  </el-col>
+                  <el-col :span="7">
+                    <el-form-item label="开单日期" prop="orderDate">
+                      <el-date-picker v-model="formData.orderDate" type="date" placeholder="选择日期" :clearable="true"  />
                     </el-form-item>
-                    <el-form-item label="建档时间:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
+                  </el-col>
+                  <el-col :span="5">
+                    <el-form-item label="工单编号:" prop="orderNumber">
+                      <el-input v-model="formData.orderNumber" :clearable="true" placeholder="" />
                     </el-form-item>
-                    <el-form-item label="更新时间:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
+                  </el-col>
+                  <el-col :span="5">
+                    <el-form-item label="生产类型:" prop="productionType">
+                      <el-input v-model="formData.productionType" :clearable="true" placeholder="" />
                     </el-form-item>
-                  </el-form>
-                </el-scrollbar>
-              </el-col>
-
-            </el-row>
-
-            <template #footer>
-              <div class="dialog-footer">
-                <el-button @click="closeDialog">取 消</el-button>
-                <el-button type="primary" @click="enterDialog">确 定</el-button>
-              </div>
-            </template>
-          </el-dialog>
-
-          <!-- 详情展示弹窗 -->
-          <el-dialog v-model="detailShow" style="width: 800px" lock-scroll :before-close="closeDetailShow" title="员工基本资料管理" destroy-on-close>
-            <el-scrollbar height="550px">
-              <el-descriptions column="2" border>
-                <!-- 左侧部分 -->
-                <el-descriptions-item label="客户料号" :min-width="labelMinWidth">
-                  {{ formData.employeeId }}
-                </el-descriptions-item>
-                <el-descriptions-item label="产品编号" :min-width="labelMinWidth">
-                  {{ formData.gender }}
-                </el-descriptions-item>
-                <el-descriptions-item label="产品名称" :min-width="labelMinWidth">
-                  {{ formData.idCard }}
-                </el-descriptions-item>
-                <el-descriptions-item label="版本号" :min-width="labelMinWidth">
-                  {{ formData.sectionName }}
-                </el-descriptions-item>
-                <el-descriptions-item label="成品规格" :min-width="labelMinWidth">
-                  {{ formData.employeeId }}
-                </el-descriptions-item>
-                <el-descriptions-item label="单位" :min-width="labelMinWidth">
-                  {{ formData.gender }}
-                </el-descriptions-item>
-                <el-descriptions-item label="产品分类" :min-width="labelMinWidth">
-                  {{ formData.idCard }}
-                </el-descriptions-item>
-
-                <!-- 右侧部分 -->
-                <el-descriptions-item label="最近接单日期" :min-width="labelMinWidth">
-                  {{ formData.name }}
-                </el-descriptions-item>
-                <el-descriptions-item label="最近引用日期" :min-width="labelMinWidth">
-                  {{ formData.birthdate }}
-                </el-descriptions-item>
-                <el-descriptions-item label="印件数" :min-width="labelMinWidth">
-                  {{ formData.position }}
-                </el-descriptions-item>
-                <el-descriptions-item label="工艺" :min-width="labelMinWidth">
-                  {{ formData.departmentId }}
-                </el-descriptions-item>
-                <el-descriptions-item label="当前状态" :min-width="labelMinWidth">
-                  {{ formData.name }}
-                </el-descriptions-item>
-                <el-descriptions-item label="最后修改" :min-width="labelMinWidth">
-                  {{ formData.birthdate }}
-                </el-descriptions-item>
-                <el-descriptions-item label="建档时间" :min-width="labelMinWidth">
-                  {{ formData.position }}
-                </el-descriptions-item>
-                <el-descriptions-item label="更新时间" :min-width="labelMinWidth">
-                  {{ formData.departmentId }}
-                </el-descriptions-item>
-              </el-descriptions>
-            </el-scrollbar>
-
-          </el-dialog>
+                  </el-col>
+                </el-row>
+
+				  <!-- 第二排 -->
+				  <el-row :gutter="20">
+					<el-col :span="6">
+					  <el-form-item label="客户代号:" prop="customerCode">
+						<el-input v-model="formData.customerCode" :clearable="true" placeholder=""  />
+					  </el-form-item>
+					</el-col>
+					<el-col :span="14">
+					  <el-form-item label="客户名称:" prop="customerName">
+						<el-input v-model="formData.customerName" :clearable="true" placeholder=""  />
+					  </el-form-item>
+					</el-col>
+				  </el-row>
+
+				  <!-- 第三排 -->
+				  <el-row :gutter="20">
+					<el-col :span="6">
+					  <el-form-item label="产品代码:" prop="productCode">
+						<el-input v-model="formData.productCode" :clearable="true" placeholder=""/>
+					  </el-form-item>
+					</el-col>
+					<el-col :span="14">
+					  <el-form-item label="产品名称:" prop="productName">
+						<el-input v-model="formData.productName" :clearable="true" placeholder="" />
+					  </el-form-item>
+					</el-col>
+				  </el-row>
+
+                  <!-- 第四排 -->
+                  <el-row :gutter="20">
+                    <el-col :span="6">
+                      <el-form-item label="印件代码:" prop="customerCode">
+                        <el-input v-model="formData.customerCode" :clearable="true" placeholder="" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item label="印件名称:" prop="customerName">
+                        <el-input v-model="formData.customerName" :clearable="true" placeholder=""  />
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+
+                  <!-- 第五排 -->
+				  <el-row :gutter="20">
+				    <el-col :span="6">
+				      <el-form-item label="订单数量:" prop="orderQuantity">
+				        <el-input v-model="formData.orderQuantity" :clearable="true" placeholder="" style="width: 140px;" />
+				      </el-form-item>
+				    </el-col>
+				    <el-col :span="6">
+				      <el-form-item label="交货日期:" prop="deliveryDate">
+				        <el-input v-model="formData.deliveryDate" :clearable="true" placeholder="" style="width: 140px;" />
+				      </el-form-item>
+				    </el-col>
+				    <el-col :span="6">
+				      <el-form-item label="投料率:" prop="feedRate">
+				        <el-input v-model="formData.feedRate" :clearable="true" placeholder="" style="width: 140px;" />
+				      </el-form-item>
+				    </el-col>
+				    <el-col :span="6">
+				      <el-form-item label="平均合格率:" prop="passRate">
+				        <el-input v-model="formData.passRate" :clearable="true" placeholder="" style="width: 140px;" />
+				      </el-form-item>
+				    </el-col>
+				  </el-row>
+
+
+              <!-- 第六排 -->
+                  <el-row :gutter="20">
+                    <el-col :span="6">
+                      <el-form-item label="平张投料:" prop="flatFeed">
+                        <el-input v-model="formData.flatFeed" :clearable="true" placeholder="" style="width: 140px;" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                      <el-form-item label="万小张:" prop="perTenThousand">
+                        <el-input v-model="formData.perTenThousand" :clearable="true" placeholder="" style="width: 140px;" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                      <el-form-item label="投料大箱:" prop="feedBox">
+                        <el-input v-model="formData.feedBox" :clearable="true" placeholder="" style="width: 140px;" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                      <el-form-item label="库存大箱:" prop="stockBox">
+                        <el-input v-model="formData.stockBox" :clearable="true" placeholder="" style="width: 140px;" />
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+
+                  <!-- 第七排 -->
+                  <el-row :gutter="20">
+                    <el-col :span="20">
+                      <el-form-item label="销售订单号:" prop="salesOrder">
+                        <el-input v-model="formData.salesOrder" :clearable="true" placeholder="" />
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+
+                  <!-- 第八排 -->
+                  <el-row :gutter="20">
+                    <el-col :span="20">
+                      <el-form-item label="警语版面:" prop="warningLayout">
+                        <el-input v-model="formData.warningLayout" :clearable="true" placeholder=""  />
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+
+                  <!-- 第九排 -->
+                  <el-row :gutter="20">
+                    <el-col :span="6">
+                      <el-form-item label="版本号:" prop="versionNumber">
+                        <el-input v-model="formData.versionNumber" :clearable="true" placeholder="" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item label="客户ERP编码:" prop="customerErpCode">
+                        <el-input v-model="formData.customerErpCode" :clearable="true" placeholder=""  />
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+
+                  <!-- 第十排 -->
+                  <el-row :gutter="20">
+                    <el-col :span="8">
+                      <el-form-item label="码源数量:" prop="codeSourceQuantity">
+                        <el-input v-model="formData.codeSourceQuantity" :clearable="true" placeholder="" style="width: 170px;" />
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+
+                  <!-- 第十一排 -->
+                  <el-row :gutter="20">
+                    <el-col :span="20">
+                      <el-form-item label="进程备注:" prop="processNote">
+                        <el-input v-model="formData.processNote" :clearable="true" placeholder=""  />
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+
+                  <!-- 第十二排 -->
+                 <el-row :gutter="20">
+                   <el-col :span="20">
+                     <el-form-item label="备注说明:" prop="remark">
+                       <el-input type="textarea" v-model="formData.remark" :rows="4" :clearable="true" placeholder="请输入备注说明" style="width: 100%;" />
+                     </el-form-item>
+                   </el-col>
+                 </el-row>
+
+             </el-form>
+           </el-row>
+
+			 <!-- 添加 编辑页面 取消 确定 -->
+			 <template #footer>
+			   <div class="dialog-footer">
+				 <el-button @click="closeDialog">取 消</el-button>
+				 <el-button type="primary" @click="enterDialog">确 定</el-button>
+			   </div>
+			 </template>
+		   </el-dialog>
+
         </el-main>
       </el-container>
     </el-container>
   </div>
 </template>
-
+<script>
+//点击按钮显示下方表格
+export default {
+  data() {
+    return {
+      currentTable: '', // 当前展示的表格
+      // 其他表格数据...
+    };
+  },
+  methods: {
+    showTable(tableName) {
+      // console.log(tableName)
+      // 根据点击的按钮设置当前展示的表格
+      this.currentTable = tableName;
+    },
+    showTableChange() {
+      // 处理表格选中事件
+    },
+    // 其他方法...
+  }
+};
+</script>
 <script setup>
 // 全量引入格式化工具 请按需保留
 import {createCompany, deleteCompany, deleteCompanyByIds, updateCompany, findCompany, getCompanyList} from '@/api/company'
 import { getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDownloadFile } from '@/utils/format'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { ref, reactive } from 'vue'
-import {DataList, getProduct, Project, workbench} from "@/api/yunyin/yunying";
+import {DataList, WorkList, Craft, Printed,Bom} from "@/api/yunyin/yunying";
 defineOptions({name: 'Company'})
 
 // =========== 左侧树侧形结构 ===========
-const sctreeData = ref(
-    [{
-      label: '设备定额及分配参数设置',
-      children:[
-        {label: '1.计划中工单', number:1}, {
-          label: '2.排程中工单',
-          number:2
-        },
-        {
-          label: '3.制程中工单',
-          number:3
-        },
-        {
-          label: '4.已完工工单',
-          number:4
-        }
-      ]
-    }]
-);
-
 const treeData = ref([]);
-//点击 设备定额及分配参数设置
-const schandleNodeClick = async (node) => {
-  switch (node.number) {
-    case 1:
-      const Projectdata = await Project();
-      tableData.value = Projectdata.data
-      // const productCountMap = tableData.value.reduce((countMap, item) => {
-      //   const productName = item.产品名称;
-      //   countMap[productName] = (countMap[productName] || 0) + 1;
-      //   return countMap;
-      // }, {});
-      // const productCountMapLength = Object.keys(productCountMap).length;
-      // console.log(`产品名称总数量：${productCountMapLength}`);
-      break;
-    case 2:
-      break;
-    case 3:
-      break;
-    case 4:
-      break;
-  }
+const defaultProps = {
+  children: 'children',
+  label: 'Gd_khmc'
 };
-const workbenchdata = async () => {
+const DataListdata = async () => {
   try {
-    const data = await workbench();
-    const rawData = data.data;
-    const dataArray =Object.keys(rawData).map(key => ({
-      label: key,
-      children: Object.keys(rawData[key]).map(subKey => ({
-        label: subKey,
-        children: rawData[key][subKey].map(item => ({
-          label: item
-        }))
-      }))
-    }));
-    treeData.value = dataArray;
-    // console.log(dataArray);
+    const data = await DataList();
+    console.log(data)
+    if (data.code === 0) {
+      const dataArray = Object.values(data.data).map((item) => ({
+        ...item,
+        children: []
+      }));
+      treeData.value = dataArray;
+    } else {
+      console.error(data.msg);
+    }
   } catch (error) {
     console.error(error);
   }
 };
-workbenchdata();
+DataListdata();
 
-//点击左侧树形获取列表
-const tableData = ref([])
+//点击左侧树形获取编号
+const tableData = reactive([])
 const handleNodeClick = async (node) => {
-  const custom_code = node.label; // 假设你想使用节点的 label 作为 custom_code
-  console.log(custom_code);
-
-  // 通过 custom_code 客户编号获取列表数据
+  //通过 Gd_khdh 客户单号 获取列表数据
+  const Gd_khdh = node.Gd_khdh;
   try {
-    const WorkListdata = await getProduct({ custom_code, limit: pageSize.value, page: page.value });
-    console.log(WorkListdata)
-    tableData.splice(0, tableData.length, ...WorkListdata.data.data);
-    // total.value = tableData.length;
+    const WorkListdata = await WorkList({ Gd_khdh:Gd_khdh});//接口调用函数
+    tableData.splice(0,tableData.length,...WorkListdata.data);//表格数据
+    total.value = tableData.length;//共多少条
   } catch (error) {
     console.error(error);
   }
-
-  // 检查并设置子节点的 expanded 属性，以确保它们能够正确展开
-  if (node.children && node.children.length > 0) {
-    node.children.forEach((child) => {
-      this.$set(child, 'expanded', false);
-    });
-  }
-
 };
 
+//印件资料
+const yjtableData = ref([])
+//工艺资料
+const gytableData = ref([])
+//BOM资料
+const bomtableData = ref([])
+const tableRowClick = async (row) => {
+  const Gd_gdbh = row.工单编号;
+  // console.log(row);
+  const yjres = await Printed({ Gd_gdbh:Gd_gdbh});
+  // const gyres = await Craft({ Gd_gdbh:Gd_gdbh });
+  // const bomres = await Bom({ Gd_gdbh:Gd_gdbh});
+  yjtableData.value = yjres.data;
+  // gytableData.value = gyres.data;
+  // bomtableData.value = bomres.data;
+  // yjtableData.splice(0,yjtableData.length,...yjres.data);//表格数据
+  // gytableData.splice(0,gytableData.length,...gyres.data);//表格数据
+  // bomtableData.splice(0,bomtableData.length,...bomres.data);//表格数据
+  // console.log(yjres)
+  // console.log(gyres)
+  // console.log(bomres)
+};
 
+// 分页
+const handleCurrentChange = (val) => {
+  page.value = val;
+  // console.log(page)
+  DataListdata();
+};
 
-
-
-
+// 修改页面容量 点击多少条/页
+const handleSizeChange = (val) => {
+  page.value = 10;//默认十条
+  pageSize.value = val;
+  DataListdata();
+};
 
 // 自动化生成的字典（可能为空）以及字段
 const formData = ref({
-  address: '',
-  image: '',
-  name: '',
-})
+        address: '',
+        image: '',
+        name: '',
+        })
 
 // 验证规则
 const rule = reactive({
@@ -337,19 +464,18 @@ const rule = reactive({
 const searchRule = reactive({
   createdAt: [
     { validator: (rule, value, callback) => {
-        if (searchInfo.value.startCreatedAt && !searchInfo.value.endCreatedAt) {
-          callback(new Error('请填写结束日期'))
-        } else if (!searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt) {
-          callback(new Error('请填写开始日期'))
-        } else if (searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt && (searchInfo.value.startCreatedAt.getTime() === searchInfo.value.endCreatedAt.getTime() || searchInfo.value.startCreatedAt.getTime() > searchInfo.value.endCreatedAt.getTime())) {
-          callback(new Error('开始日期应当早于结束日期'))
-        } else {
-          callback()
-        }
-      }, trigger: 'change' }
+      if (searchInfo.value.startCreatedAt && !searchInfo.value.endCreatedAt) {
+        callback(new Error('请填写结束日期'))
+      } else if (!searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt) {
+        callback(new Error('请填写开始日期'))
+      } else if (searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt && (searchInfo.value.startCreatedAt.getTime() === searchInfo.value.endCreatedAt.getTime() || searchInfo.value.startCreatedAt.getTime() > searchInfo.value.endCreatedAt.getTime())) {
+        callback(new Error('开始日期应当早于结束日期'))
+      } else {
+        callback()
+      }
+    }, trigger: 'change' }
   ],
 })
-
 const elFormRef = ref()
 const elSearchFormRef = ref()
 
@@ -375,197 +501,108 @@ const onSubmit = () => {
   })
 }
 
-// 分页
-const handleSizeChange = (val) => {
-  pageSize.value = val
-  getTableData()
-}
-
-// 修改页面容量
-const handleCurrentChange = (val) => {
-  page.value = val
-  getTableData()
-}
-
 // 查询
 const getTableData = async() => {
   const table = await getCompanyList({ page: page.value, pageSize: pageSize.value, ...searchInfo.value })
-  if (table.code === 0) {
-    tableData.value = table.data.list
-    total.value = table.data.total
-    page.value = table.data.page
-    pageSize.value = table.data.pageSize
-  }
+  console.log(table)
+  // if (table.code === 0) {
+  //   tableData.value = table.data.lis t
+  //   total.value = table.data.total
+  //   page.value = table.data.page
+  //   pageSize.value = table.data.pageSize
+  // }
 }
-
 getTableData()
 
 // ============== 表格控制部分结束 ===============
-
 // 获取需要的字典 可能为空 按需保留
-const setOptions = async () =>{
-}
+const setOptions = async () =>{}
 
 // 获取需要的字典 可能为空 按需保留
 setOptions()
 
-
 // 多选数据
 const multipleSelection = ref([])
 // 多选
 const handleSelectionChange = (val) => {
-  multipleSelection.value = val
-}
-
-// 删除行
-const deleteRow = (row) => {
-  ElMessageBox.confirm('确定要删除吗?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    deleteCompanyFunc(row)
-  })
-}
-
-
-// 批量删除控制标记
-const deleteVisible = ref(false)
-
-// 多选删除
-const onDelete = async() => {
-  const ids = []
-  if (multipleSelection.value.length === 0) {
-    ElMessage({
-      type: 'warning',
-      message: '请选择要删除的数据'
-    })
-    return
-  }
-  multipleSelection.value &&
-  multipleSelection.value.map(item => {
-    ids.push(item.ID)
-  })
-  const res = await deleteCompanyByIds({ ids })
-  if (res.code === 0) {
-    ElMessage({
-      type: 'success',
-      message: '删除成功'
-    })
-    if (tableData.value.length === ids.length && page.value > 1) {
-      page.value--
-    }
-    deleteVisible.value = false
-    getTableData()
-  }
+    multipleSelection.value = val
 }
 
 // 行为控制标记（弹窗内部需要增还是改）
 const type = ref('')
 
-// 更新行
+//编辑
 const updateCompanyFunc = async(row) => {
-  // const res = await findCompany({ ID: row.ID })
-  // type.value = 'update'
-  // if (res.code === 0) {
-  //     formData.value = res.data.recompany
-  //     dialogFormVisible.value = true
-  // }
-  dialogFormVisible.value = true
-}
-
-
-// 删除行
-const deleteCompanyFunc = async (row) => {
-  const res = await deleteCompany({ ID: row.ID })
-  if (res.code === 0) {
-    ElMessage({
-      type: 'success',
-      message: '删除成功'
-    })
-    if (tableData.value.length === 1 && page.value > 1) {
-      page.value--
-    }
-    getTableData()
-  }
+  console.log(row);
+	dialogFormVisible.value = true
 }
 
 // 弹窗控制标记
 const dialogFormVisible = ref(false)
 
-
 // 查看详情控制标记
 const detailShow = ref(false)
 
-
 // 打开详情弹窗
 const openDetailShow = () => {
   detailShow.value = true
 }
 
-
 // 打开详情
 const getDetails = async (row) => {
-  // 打开弹窗
-  const res = await findCompany({ ID: row.ID })
-  if (res.code === 0) {
-    formData.value = res.data.recompany
-    openDetailShow()
-  }
+   detailShow.value = true
 }
 
-
 // 关闭详情弹窗
 const closeDetailShow = () => {
   detailShow.value = false
   formData.value = {
-    address: '',
-    image: '',
-    name: '',
-  }
+          address: '',
+          image: '',
+          name: '',
+          }
 }
 
-
 // 打开弹窗
 const openDialog = () => {
-  type.value = 'create'
-  dialogFormVisible.value = true
+    type.value = 'create'
+    dialogFormVisible.value = true
 }
 
 // 关闭弹窗
 const closeDialog = () => {
-  dialogFormVisible.value = false
-  formData.value = {
-    address: '',
-    image: '',
-    name: '',
-  }
+    dialogFormVisible.value = false
+    formData.value = {
+        address: '',
+        image: '',
+        name: '',
+        }
 }
 // 弹窗确定
 const enterDialog = async () => {
-  elFormRef.value?.validate( async (valid) => {
-    if (!valid) return
-    let res
-    switch (type.value) {
-      case 'create':
-        res = await createCompany(formData.value)
-        break
-      case 'update':
-        res = await updateCompany(formData.value)
-        break
-      default:
-        res = await createCompany(formData.value)
-        break
-    }
-    if (res.code === 0) {
-      ElMessage({
-        type: 'success',
-        message: '创建/更改成功'
+     elFormRef.value?.validate( async (valid) => {
+             if (!valid) return
+              let res
+              switch (type.value) {
+                case 'create':
+                  res = await createCompany(formData.value)
+                  break
+                case 'update':
+                  res = await updateCompany(formData.value)
+                  break
+                default:
+                  res = await createCompany(formData.value)
+                  break
+              }
+              if (res.code === 0) {
+                ElMessage({
+                  type: 'success',
+                  message: '创建/更改成功'
+                })
+                closeDialog()
+                getTableData()
+              }
       })
-      closeDialog()
-      getTableData()
-    }
-  })
 }
 
 </script>
@@ -591,4 +628,9 @@ const enterDialog = async () => {
 .JKWTree-content {
   flex: 1;
 }
+
+/* 选中某行时的背景色*/
+.el-table__body tr.current-row>td {
+  background: #ff80ff !important;
+}
 </style>

src/view/yunyin/shengchanguanli/shebeiyunxing.vue

@@ -3,8 +3,7 @@
     <el-container>
       <el-aside width="340px">
         <div class="JKWTree-tree">
-          <h3> 组织列表</h3>
-          <el-tree :data="sctreeData" :props="defaultProps" @node-click="schandleNodeClick"></el-tree>
+          <h3> 设备运行跟踪</h3>
           <el-tree
               :data="treeData"
               :props="defaultProps"
@@ -16,205 +15,64 @@
         <el-main>
 
           <!-- 搜索框 -->
-          <div class="gva-search-box">
-            <el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
-
-              <!-- 左侧查询输入框 -->
-              <el-form-item>
-                <el-input v-model="searchInfo.keyword" placeholder="" clearable style="width: 300px;"></el-input>
-              </el-form-item>
-
-              <!-- 查询和重置按钮 -->
-              <el-form-item>
-                <el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
-                <el-button icon="refresh" @click="onReset">重置</el-button>
-              </el-form-item>
-            </el-form>
-          </div>
+<!--          <div class="gva-search-box">-->
+<!--            <el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">-->
+
+<!--              &lt;!&ndash; 左侧查询输入框 &ndash;&gt;-->
+<!--              <el-form-item>-->
+<!--                <el-input v-model="searchInfo.keyword" placeholder="" clearable style="width: 200px;"></el-input>-->
+<!--              </el-form-item>-->
+
+<!--              &lt;!&ndash; 查询和重置按钮 &ndash;&gt;-->
+<!--              <el-form-item>-->
+<!--                <el-button type="primary" icon="search" @click="onSubmit">查询</el-button>-->
+<!--&lt;!&ndash;                <el-button icon="refresh" @click="onReset">重置</el-button>&ndash;&gt;-->
+<!--                <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>-->
+<!--              </el-form-item>-->
+<!--            </el-form>-->
+<!--          </div>-->
 
           <div class="gva-table-box">
-            <div class="gva-btn-list">
-              <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>
-              <!--              <el-button type="primary" style="width: 110px;" >查找工单</el-button>-->
-              <!--              <el-button type="primary" style="width: 110px;" >工单状态设置</el-button>-->
-              <!--              <el-button type="primary" style="width: 110px;" >工单状态更正</el-button>-->
-              <!--              <el-button type="primary" style="width: 110px;" >引用实际参数</el-button>-->
-              <!--              <el-button type="primary" style="width: 110px;" >排程参数维护</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >排程参数复制</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >编辑生产计划</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >工单打印</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >工序产量核查</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >流程单查询</el-button>-->
-              <!--              <el-button type="primary" icon="plus" style="width: 110px;" >工单筛选</el-button>-->
-            </div>
-
-            <el-table ref="multipleTable"
-                      style="width: 100%"
-                      border
-                      tooltip-effect="dark"
-                      :data="tableData"
-                      row-key="ID"
-                      @selection-change="handleSelectionChange">
-              <el-table-column type="selection" width="55"/>
-              <el-table-column align="left" label="生产分类" prop="生产分类" width="120" />
-              <el-table-column align="left" label="工单编号" prop="工单编号" width="120" />
-              <el-table-column align="left" label="产品代号" prop="产品代号" width="120" />
-              <el-table-column align="left" label="产品名称" prop="产品名称" width="200" />
-              <el-table-column align="left" label="接单日期" prop="接单日期" width="160" />
-              <el-table-column align="left" label="交货日期" prop="交货日期" width="160" />
-              <el-table-column align="left" label="订单数量" prop="订单数量" width="120" />
-              <el-table-column align="left" label="计量单位" prop="计量单位" width="120" />
-              <el-table-column align="left" label="客户名称" prop="客户名称" width="200" />
-              <el-table-column align="left" label="客户编号" prop="客户编号" width="120" />
-              <el-table-column align="left" label="备注" prop="备注" width="120" />
-              <el-table-column align="left" label="客户料号" prop="客户料号" width="120" />
-              <el-table-column align="left" label="创建用户" prop="创建用户" width="160" />
-              <el-table-column align="left" label="创建时间" prop="创建时间" width="160" />
-              <el-table-column align="left" label="修改时间" prop="修改时间" width="160" />
-              <el-table-column align="left" label="UNIQID" prop="UNIQID" width="120" />
-              <el-table-column align="left" label="投料率" prop="投料率" width="120" />
-              <el-table-column align="left" label="销售订单号" prop="销售订单号" width="120" />
-              <el-table-column align="left" label="操作" min-width="120" fixed='right'>
-                <template #default="scope">
-                  <el-button type="primary" link icon="edit" class="table-button" @click="updateCompanyFunc(scope.row)">变更</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
+
+<!--            <el-table ref="multipleTable"-->
+<!--                      style="width: 100%"-->
+<!--                      border-->
+<!--                      tooltip-effect="dark"-->
+<!--                      :data="tableData"-->
+<!--                      row-key="ID"-->
+<!--                      @selection-change="handleSelectionChange">-->
+<!--              <el-table-column type="selection" width="55"/>-->
+<!--              <el-table-column align="left" label="生产分类" prop="生产分类" width="120" />-->
+<!--              <el-table-column align="left" label="工单编号" prop="工单编号" width="120" />-->
+<!--              <el-table-column align="left" label="产品代号" prop="产品代号" width="120" />-->
+<!--              <el-table-column align="left" label="产品名称" prop="产品名称" width="200" />-->
+<!--              <el-table-column align="left" label="接单日期" prop="接单日期" width="160" />-->
+<!--              <el-table-column align="left" label="交货日期" prop="交货日期" width="160" />-->
+<!--              <el-table-column align="left" label="订单数量" prop="订单数量" width="120" />-->
+<!--              <el-table-column align="left" label="计量单位" prop="计量单位" width="120" />-->
+<!--              <el-table-column align="left" label="客户名称" prop="客户名称" width="200" />-->
+<!--              <el-table-column align="left" label="客户编号" prop="客户编号" width="120" />-->
+<!--              <el-table-column align="left" label="备注" prop="备注" width="120" />-->
+<!--              <el-table-column align="left" label="客户料号" prop="客户料号" width="120" />-->
+<!--              <el-table-column align="left" label="创建用户" prop="创建用户" width="160" />-->
+<!--              <el-table-column align="left" label="创建时间" prop="创建时间" width="160" />-->
+<!--              <el-table-column align="left" label="修改时间" prop="修改时间" width="160" />-->
+<!--              <el-table-column align="left" label="UNIQID" prop="UNIQID" width="120" />-->
+<!--              <el-table-column align="left" label="投料率" prop="投料率" width="120" />-->
+<!--              <el-table-column align="left" label="销售订单号" prop="销售订单号" width="120" />-->
+<!--              <el-table-column align="left" label="操作" min-width="120" fixed='right'>-->
+<!--                <template #default="scope">-->
+<!--                  <el-button type="primary" link icon="edit" class="table-button" @click="updateCompanyFunc(scope.row)">变更</el-button>-->
+<!--                </template>-->
+<!--              </el-table-column>-->
+<!--            </el-table>-->
             <!--            <div class="gva-pagination">-->
             <!--              <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page" :page-size="pageSize" :page-sizes="[5,10, 30, 50, 100]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange"/>-->
             <!--            </div>-->
           </div>
 
-          <!-- 弹窗 -->
-          <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="type==='create'?'添加产品资料':'修改产品资料'" destroy-on-close>
-            <el-row>
-              <!-- 左侧表单 -->
-              <el-col :span="8">
-                <el-scrollbar height="500px">
-                  <el-form :model="formData" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
-                    <el-form-item label="客户料号:" prop="address">
-                      <el-input v-model="formData.address" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="产品编号:" prop="gender">
-                      <el-input v-model="formData.gender" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="产品名称:" prop="idCard">
-                      <el-input v-model="formData.idCard" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="版本号:" prop="department">
-                      <el-input v-model="formData.department" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="成品规格:" prop="joinDate">
-                      <el-input v-model="formData.joinDate" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="单位:" prop="joinDate">
-                      <el-input v-model="formData.joinDate" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="产品分类:" prop="joinDate">
-                      <el-input v-model="formData.joinDate" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                  </el-form>
-                </el-scrollbar>
-              </el-col>
-
-              <!-- 中间表单 -->
-              <el-col :span="8">
-                <el-scrollbar height="500px">
-                  <el-form :model="formData" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
-                    <el-form-item label="最近接单日期:" prop="name">
-                      <el-input v-model="formData.name" :clearable="true" placeholder=":" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="最近引用日期:" prop="birthDate">
-                      <el-input v-model="formData.birthDate" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="印件数:" prop="position">
-                      <el-input v-model="formData.position" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="工艺:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="当前状态:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="最后修改:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder=":" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="建档时间:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                    <el-form-item label="更新时间:" prop="departmentId">
-                      <el-input v-model="formData.departmentId" :clearable="true" placeholder="" style="width: 180px;" />
-                    </el-form-item>
-                  </el-form>
-                </el-scrollbar>
-              </el-col>
-
-            </el-row>
-
-            <template #footer>
-              <div class="dialog-footer">
-                <el-button @click="closeDialog">取 消</el-button>
-                <el-button type="primary" @click="enterDialog">确 定</el-button>
-              </div>
-            </template>
-          </el-dialog>
-
-          <!-- 详情展示弹窗 -->
-          <el-dialog v-model="detailShow" style="width: 800px" lock-scroll :before-close="closeDetailShow" title="员工基本资料管理" destroy-on-close>
-            <el-scrollbar height="550px">
-              <el-descriptions column="2" border>
-                <!-- 左侧部分 -->
-                <el-descriptions-item label="客户料号" :min-width="labelMinWidth">
-                  {{ formData.employeeId }}
-                </el-descriptions-item>
-                <el-descriptions-item label="产品编号" :min-width="labelMinWidth">
-                  {{ formData.gender }}
-                </el-descriptions-item>
-                <el-descriptions-item label="产品名称" :min-width="labelMinWidth">
-                  {{ formData.idCard }}
-                </el-descriptions-item>
-                <el-descriptions-item label="版本号" :min-width="labelMinWidth">
-                  {{ formData.sectionName }}
-                </el-descriptions-item>
-                <el-descriptions-item label="成品规格" :min-width="labelMinWidth">
-                  {{ formData.employeeId }}
-                </el-descriptions-item>
-                <el-descriptions-item label="单位" :min-width="labelMinWidth">
-                  {{ formData.gender }}
-                </el-descriptions-item>
-                <el-descriptions-item label="产品分类" :min-width="labelMinWidth">
-                  {{ formData.idCard }}
-                </el-descriptions-item>
-
-                <!-- 右侧部分 -->
-                <el-descriptions-item label="最近接单日期" :min-width="labelMinWidth">
-                  {{ formData.name }}
-                </el-descriptions-item>
-                <el-descriptions-item label="最近引用日期" :min-width="labelMinWidth">
-                  {{ formData.birthdate }}
-                </el-descriptions-item>
-                <el-descriptions-item label="印件数" :min-width="labelMinWidth">
-                  {{ formData.position }}
-                </el-descriptions-item>
-                <el-descriptions-item label="工艺" :min-width="labelMinWidth">
-                  {{ formData.departmentId }}
-                </el-descriptions-item>
-                <el-descriptions-item label="当前状态" :min-width="labelMinWidth">
-                  {{ formData.name }}
-                </el-descriptions-item>
-                <el-descriptions-item label="最后修改" :min-width="labelMinWidth">
-                  {{ formData.birthdate }}
-                </el-descriptions-item>
-                <el-descriptions-item label="建档时间" :min-width="labelMinWidth">
-                  {{ formData.position }}
-                </el-descriptions-item>
-                <el-descriptions-item label="更新时间" :min-width="labelMinWidth">
-                  {{ formData.departmentId }}
-                </el-descriptions-item>
-              </el-descriptions>
-            </el-scrollbar>
-
-          </el-dialog>
+
+
         </el-main>
       </el-container>
     </el-container>
@@ -227,63 +85,15 @@ import {createCompany, deleteCompany, deleteCompanyByIds, updateCompany, findCom
 import { getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDownloadFile } from '@/utils/format'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { ref, reactive } from 'vue'
-import {DataList, getProduct, Project, workbench} from "@/api/yunyin/yunying";
+import {DataList, getDepartment, getProduct, getTab, Project, workbench} from "@/api/yunyin/yunying";
 defineOptions({name: 'Company'})
 
 // =========== 左侧树侧形结构 ===========
-const sctreeData = ref([
-  {
-    label: '设备定额及分配参数设置',
-    children:[
-      {label: '1.计划中工单', number: 1 },
-      {label: '2.排程中工单', number: 2 },
-      {label: '3.制程中工单', number: 3 },
-      {label: '4.已完工工单', number: 4 }
-    ],
-  }
-]);
 
 const treeData = ref([]);
-//点击 设备定额及分配参数设置
-const schandleNodeClick = async (node) => {
-  switch (node.number) {
-    case 1:
-      const Projectdata = await Project();
-      tableData.value = Projectdata.data
-      // const productCountMap = tableData.value.reduce((countMap, item) => {
-      //   const productName = item.产品名称;
-      //   countMap[productName] = (countMap[productName] || 0) + 1;
-      //   return countMap;
-      // }, {});
-      // const productCountMapLength = Object.keys(productCountMap).length;
-      // console.log(`产品名称总数量：${productCountMapLength}`);
-      break;
-    case 2:
-      break;
-    case 3:
-      break;
-    case 4:
-      break;
-  }
-};
 const workbenchdata = async () => {
-  try {
-    const data = await workbench();
-    const rawData = data.data;
-    const dataArray =Object.keys(rawData).map(key => ({
-      label: key,
-      children: Object.keys(rawData[key]).map(subKey => ({
-        label: subKey,
-        children: rawData[key][subKey].map(item => ({
-          label: item
-        }))
-      }))
-    }));
-    treeData.value = dataArray;
-    // console.log(dataArray);
-  } catch (error) {
-    console.error(error);
-  }
+  const data  = await getTab() //接口调用函数
+  console.log(data);
 };
 workbenchdata();
 
@@ -293,31 +103,9 @@ const handleNodeClick = async (node) => {
   const custom_code = node.label; // 假设你想使用节点的 label 作为 custom_code
   console.log(custom_code);
 
-  // 通过 custom_code 客户编号获取列表数据
-  try {
-    const WorkListdata = await getProduct({ custom_code, limit: pageSize.value, page: page.value });
-    console.log(WorkListdata)
-    tableData.splice(0, tableData.length, ...WorkListdata.data.data);
-    // total.value = tableData.length;
-  } catch (error) {
-    console.error(error);
-  }
-
-  // 检查并设置子节点的 expanded 属性，以确保它们能够正确展开
-  if (node.children && node.children.length > 0) {
-    node.children.forEach((child) => {
-      this.$set(child, 'expanded', false);
-    });
-  }
-
 };
 
 
-
-
-
-
-
 // 自动化生成的字典（可能为空）以及字段
 const formData = ref({
   address: '',