2024-04-30 工艺路线配置优化，增加分页，联动，提示

src/views/mes/processroute/components/configDialog.vue

@@ -12,8 +12,8 @@
         <div class="font-size-18px">
           <el-row :gutter="10">
             <el-col :span="22">
-              {{ titleValueRef }}
-              <el-tag type="info">[{{ titleNameRef }}]</el-tag>
+              {{ titleNameRef }}
+              <el-tag type="primary">[{{ titleValueRef }}]</el-tag>
             </el-col>
             <el-col :span="2">
               <el-button size="primary" @click="saveResult()" style="width: 100%">
@@ -37,7 +37,7 @@
                 >添加工序</el-button>
               </div>
             </template>
-            <el-table :data="processData" ref="tableProcess" style="width: 100%; height: 80%;border: 1px;"  @cell-dblclick="userAddNode">
+            <el-table :data="showProcessNodeData" ref="tableProcess" style="width: 100%; height: 80%;border: 1px;"  @cell-dblclick="userAddNode">
               <el-table-column prop="code" label="工序编码"  />
               <el-table-column prop="name" label="工序名称" />
               <el-table-column prop="oper" label="操作" width="60">
@@ -48,6 +48,17 @@
                 </template>
               </el-table-column>
             </el-table>
+            <el-pagination
+              small
+              hide-on-single-page="true"
+              layout="prev, pager, next"
+              :total="page.total"
+              :page-size="page.size"
+              :current-page="page.current"
+              @current-change="handleCurrentChange"
+              @prev-click="handlePrevClick"
+              @next-click="handleNextClick"
+            />
           </el-card>
         </el-col>
         <el-col :span="12"><div ref="graphContainer" style="width: 90%; height: 90%"></div>
@@ -81,8 +92,9 @@
                 <span>工艺路线基本信息</span>
               </div>
             </template>
-            <p >工艺路线名称：<span v-if="productData!=null">{{ productData.name }}</span></p>
-            <p >工艺路线编码：<span v-if="productData!=null">{{ productData.name }}</span></p>
+ 
+            <p >工艺路线名称：<span >{{titleNameRef}}</span></p>
+            <p >工艺路线编码：<span >{{titleValueRef}}</span></p>
             <p >产品名称：<span v-if="productData!=null">{{ productData.name }}</span></p>
             <p>产品编码：<span v-if="productData!=null">{{ productData.code }}</span></p>
             <p>产品描述：<span v-if="productData!=null">{{ productData.desc1 }}</span></p>
@@ -92,23 +104,34 @@
           ><el-card class="footer-card">
             <template #header>
               <div class="card-header">
-                <span>物料信息</span>
+                <span>物料信息</span><el-tag type="primary">[{{ currentNode.name }}]</el-tag>
               </div>
             </template>
-            <el-table :data="materialData" ref="tableMaterial" style="width: 100%; height: 80%;overflow-y: auto;">
+            <el-table :data="showMaterialsData" ref="tableMaterial" style="width: 100%; height: 80%;overflow-y: auto;">
                   <!-- <el-table-column prop="name" label="物料名称"/> -->
                   <el-table-column prop="componentItemCode" label="物料编码"/>
                   <el-table-column prop="version" label="版本号"/>
                   <el-table-column prop="componentQty" label="物料数量"/>
                   
             </el-table>
+            <el-pagination
+              small
+              hide-on-single-page="true"
+              layout="prev, pager, next"
+              :total="pageM.total"
+              :page-size="pageM.size"
+              :current-page="pageM.current"
+              @current-change="handleCurrentChangeM"
+              @prev-click="handlePrevClickM"
+              @next-click="handleNextClickM"
+            />
           </el-card></el-col
         >
         <el-col :span="6"
           ><el-card class="footer-card">
             <template #header>
               <div class="card-header">
-                <span>模具信息</span>
+                <span>模具信息</span><el-tag type="primary">[{{ currentNode.name }}]</el-tag>
               </div>
             </template>
             <el-table :data="mouldData" ref="tableMould" style="width: 100%; height: 80%;overflow-y: auto;">
@@ -121,7 +144,7 @@
           ><el-card class="footer-card">
             <template #header>
               <div class="card-header">
-                <span>工位信息</span>
+                <span>工位信息</span><el-tag type="primary">[{{ currentNode.name }}]</el-tag>
               </div>
             </template>
            <el-table :data="workStationList" ref="tableWorkstation" style="width: 100%; height: 80%;overflow-y: auto;">
@@ -154,6 +177,7 @@ const message = useMessage() // 消息弹窗
 //const { t } = useI18n() // 国际化
 const route = useRoute() // 路由信息
 const routeName = ref()
+const currentNode=ref({code:'',name:''})
 routeName.value = route.name
 routeName.value = routeName.value.substring(0, routeName.value.length - 4) + 'ProcessRouteConfig'
 //const updateKey = ref(0)
@@ -165,6 +189,22 @@ const tableProcess = ref()
 const productData = ref({ name: '', code: '', desc1: '--' }) //产品数据
 const materialData=ref()
 const mouldData = ref()
+const page=ref({
+  total:0,
+  current:1,
+  size:5
+})
+const pageM=ref({
+  total:0,
+  current:1,
+  size:5
+})
+const showProcessNodeData=ref() //工序分页数据展示
+const showMaterialsData=ref() //物料信息分页展示
+const productCode=ref()
+//初始化图形组件
+const graph = ref<Graph>()
+const rowData = ref()
 const workStationList = ref() //工位数据
 // 附件默认数据
 const annexData = reactive({
@@ -203,23 +243,25 @@ const searchTableSuccess = (formField, searchField, val, type, row) => {
   if(val.length>0){
     val.forEach(item=>{
       if(processData.value.find(obj=>obj.code==item.code)==undefined){
-      processData.value.push({code:item.code,name:item.name})}
+      processData.value.push({code:item.code,name:item.name})
+      page.value.total=processData.value.length
+      showProcessNodeData.value=processData.value.slice((page.value.current-1)*page.value.size,page.value.size)
+      }
     })
   }
 }
 const deleteNode=(row)=>{
     processData.value.splice(processData.value.indexOf(row),1)
+    page.value.total=processData.value.length
+    page.value.current=1
     graph.value.removeNode(row.code)
   }
-const productCode=ref()
-//初始化图形组件
-const graph = ref<Graph>()
-const rowData = ref()
+
 const openDetail =  (row: any) => {
   rowData.value = row
   console.log('rowData',rowData.value)
-  titleNameRef.value = rowData.value.processrouteCode
-  titleValueRef.value = rowData.value.processName
+  titleNameRef.value = rowData.value.processName
+  titleValueRef.value =rowData.value.processrouteCode
   processRouteId.value = rowData.value.id
   productCode.value=rowData.value.productCode
   routeVersion.value=rowData.value.routeVersion
@@ -264,7 +306,7 @@ const getProcessInfo = async (id: any) => {
 /** 获取产品信息 */
 const getItembasicInfo = async (code: String) => {
   const res = await ProcessrouteApi.getProductInfo(code)
-  console.log('productData',res)
+  //console.log('productData',res)
   productData.value = res
 }
 /** 获取物料列表 */
@@ -302,28 +344,37 @@ const getProcessList = async (code) => {
   //console.log('code',code)
   const res = await ProcessrouteApi.getProcessrouteNodeList(code)
   processData.value = res
+  showProcessNodeData.value=processData.value.slice((page.value.current-1)*page.value.size,page.value.size)
   //return res
 }
 // 并行执行所有异步操作
 const nodeClick = (e, x, y, node, view) => {
+  currentNode.value.code=node.id
+  currentNode.value.name=node.attrs.title.text
   Promise.all([
     getProcessInfo(node.id),
     getProcessBomList(productCode.value,node.id),
     getPatternPage(node.id),
     getWorkstationPage(node.id)
-  ]).then(([processIndoList,basicBom, patternPage,workstationInfoList]) => {
+  ]).then(([processInfoList,basicBom, patternPage,workstationInfoList]) => {
     // 在这里处理所有异步操作的结果
     //message.info(JSON.stringify(processIndoList))
-    console.log('basicBom',basicBom)
+    //console.log('basicBom',basicBom)
     //获取绑定的物料信息
     materialData.value = basicBom
+    pageM.value.total=materialData.value.length
+    pageM.value.current=1
+    showMaterialsData.value=materialData.value.slice((pageM.value.current-1)*pageM.value.size,pageM.value.size)
     //获取绑定的模具信息
     mouldData.value = patternPage.list
     //获取绑定的工位信息
     workStationList.value = workstationInfoList.list
   }).catch(error => {
-    console.error("Error:", error);
+    //console.error("Error:", error);
     materialData.value = []
+    showMaterialsData.value=[]
+    pageM.value.total=materialData.value.length
+    pageM.value.current=1
     mouldData.value = []
     workStationList.value = []
   });
@@ -362,6 +413,7 @@ const userAddNode = (row) => {
         // ]
       })
     }
+    nodeClick(undefined,undefined, undefined, node_template, graph.value)
   }
 }
 //-------
@@ -382,7 +434,7 @@ const saveResult = async () => {
     return
   }
   let gdata = {
-    processrouteCode: titleNameRef.value,
+    processrouteCode: titleValueRef.value,
     routeVersion:routeVersion.value,
     graphJson: graph.value.toJSON(),
     processrouteId: processRouteId.value
@@ -442,6 +494,58 @@ const deleteAnnexSuccess = async () => {
   getFileList()
   getChangeRecordList()
 }
+
+const handleCurrentChange=(value: number)=>{
+      let index=(value-1)*page.value.size
+      page.value.current=value
+      //console.log('index',index)
+      showProcessNodeData.value=processData.value.slice(index,index+page.value.size)
+      //console.log('processData.value-472',processData.value)
+      //console.log('showProcessNodeData.value-472',showProcessNodeData.value)
+}
+const handlePrevClick=(value: number)=>{
+      page.value.current=value-1
+      if(page.value.current==0) {
+        page.value.current=1
+      }
+      // let index=(value-1)*page.value.size
+      // showProcessNodeData.value=processData.value.slice(index,page.value.size)
+      // console.log('showProcessNodeData.value-472',showProcessNodeData.value)
+}
+const handleNextClick=(value: number)=>{
+     page.value.current=value+1
+     if(page.value.current>page.value.total/page.value.size) {
+        page.value.current=page.value.total/page.value.size -1
+      }
+      // let index=(value+1)*page.value.size
+      // showProcessNodeData.value=processData.value.slice(index,page.value.size)
+      // console.log('showProcessNodeData.value-472',showProcessNodeData.value)
+}
+const handleCurrentChangeM=(value: number)=>{
+      let index=(value-1)*pageM.value.size
+      pageM.value.current=value
+      //console.log('index',index)
+      showMaterialsData.value=materialData.value.slice(index,index+pageM.value.size)
+      
+}
+const handlePrevClickM=(value: number)=>{
+  pageM.value.current=value-1
+      if(pageM.value.current==0) {
+        pageM.value.current=1
+      }
+      // let index=(value-1)*page.value.size
+      // showProcessNodeData.value=processData.value.slice(index,page.value.size)
+      // console.log('showProcessNodeData.value-472',showProcessNodeData.value)
+}
+const handleNextClickM=(value: number)=>{
+  pageM.value.current=value+1
+     if(pageM.value.current>pageM.value.total/page.value.size) {
+      pageM.value.current=page.value.total/pageM.value.size -1
+      }
+      // let index=(value+1)*page.value.size
+      // showProcessNodeData.value=processData.value.slice(index,page.value.size)
+      // console.log('showProcessNodeData.value-472',showProcessNodeData.value)
+}       
 // 验证图形
 onUnmounted?.(() => {})
 const emit = defineEmits(['close'])

src/views/mes/processroute/components/graphbase.data.ts

@@ -138,7 +138,7 @@ export const start_node = ref({
   id: 'startNode',
   label: '开始',
   x: 50,
-  y: 200,
+  y: 100,
   attrs: {
     body: {
       rx: 20,
@@ -151,8 +151,8 @@ export const start_node = ref({
 //结束节点的定义
 export const end_node = ref({
   id: 'endNode',
-  x: 200,
-  y: 200,
+  x: 400,
+  y: 100,
   label: '结束',
   attrs: {
     body: {

src/views/mes/workScheduling/components/Detail.vue

@@ -28,7 +28,16 @@
       <Tabs ref="tabRef" :tabsList="tabsList" :current="current" @change="change" />
       <div class="flex">
         <!-- 详情 -->
-        <ContentWrap class="w-[100%]" v-show="tabsList[current].label!=annexAliasLabel&&tabsList[current].label!='备注'&&tabsList[current].label!='变更记录'&&!annexTableData.some(item=>item.label==tabsList[current].label)">          <!-- 列表头部 -->
+        <ContentWrap
+          class="w-[100%]"
+          v-show="
+            tabsList[current].label != annexAliasLabel &&
+            tabsList[current].label != '备注' &&
+            tabsList[current].label != '变更记录' &&
+            !annexTableData.some((item) => item.label == tabsList[current].label)
+          "
+        >
+          <!-- 列表头部 -->
           <TableHead
             v-if="!isBasic"
             :HeadButttondata="HeadButttondata"
@@ -71,8 +80,15 @@
             v-model:pageSize="tableObjectRef.pageSize"
             v-model:currentPage="tableObjectRef.currentPage"
           >
-          <template #photos="{ row }">
-            <div v-for="(item,index) in row.photos.split(',')" :key="index" style="color:#409eff ; cursor: pointer;" @click="openImage(item)">{{ item }}</div>            </template>
+            <template #photos="{ row }">
+              <div
+                v-for="(item, index) in row.photos.split(',')"
+                :key="index"
+                style="color: #409eff; cursor: pointer"
+                @click="openImage(item)"
+                >{{ item }}</div
+              >
+            </template>
             <template #action="{ row }">
               <ButtonBase
                 :Butttondata="buttondata"
@@ -97,21 +113,31 @@
           </DetailTable>
         </ContentWrap>
         <!-- other附件组件:如质检明细 -->
-        <div  v-for="(annexItem ,index) in annexTableData" :key="index" v-show="annexItem.label==tabsList[current].label"  class="w-[100%]" :style="{height:annexItem.hasSubDetail?'100%':remarkHeight+'px'}">
-          <ContentWrap  class="w-[100%]">
-            <ElScrollbar ref="scrollbar" :style="{height:annexItem.hasSubDetail?'100%':(remarkHeight-40)+'px'}">
-                <Annex v-show="tabsList[current].label==annexItem.label"
-                  :annexData="annexItem"
-                  @handleAnnexSuccess="updateAnnexTableHandle"
-                  @deleteAnnexSuccess="updateAnnexTableHandle"
-                  :upData="{...remarksData.data,tableName:annexItem.tableName}"
-                />
+        <div
+          v-for="(annexItem, index) in annexTableData"
+          :key="index"
+          v-show="annexItem.label == tabsList[current].label"
+          class="w-[100%]"
+          :style="{ height: annexItem.hasSubDetail ? '100%' : remarkHeight + 'px' }"
+        >
+          <ContentWrap class="w-[100%]">
+            <ElScrollbar
+              ref="scrollbar"
+              :style="{ height: annexItem.hasSubDetail ? '100%' : remarkHeight - 40 + 'px' }"
+            >
+              <Annex
+                v-show="tabsList[current].label == annexItem.label"
+                :annexData="annexItem"
+                @handleAnnexSuccess="updateAnnexTableHandle"
+                @deleteAnnexSuccess="updateAnnexTableHandle"
+                :upData="{ ...remarksData.data, tableName: annexItem.tableName }"
+              />
             </ElScrollbar>
-          </ContentWrap> 
+          </ContentWrap>
           <ContentWrap class="w-[100%]" v-if="annexItem.subDetailTableData">
-            <Table 
+            <Table
               v-if="!isBasic && fromeWhere != 'countPlan'"
-              :align="annexItem.align?annexItem.align:'center'"
+              :align="annexItem.align ? annexItem.align : 'center'"
               :columns="annexItem.subDetailTableData.tableColumns"
               :data="annexItem.subDetailTableData.tableList"
               :loading="annexItem.subDetailTableData.loading"
@@ -119,30 +145,44 @@
               v-model:pageSize="tableObjectRef.pageSize"
               v-model:currentPage="tableObjectRef.currentPage"
             />
-          </ContentWrap> 
-
+          </ContentWrap>
         </div>
         <!-- 附件/备注/变更记录 -->
-        <ContentWrap class="w-[100%]" v-show="tabsList[current].label==annexAliasLabel||tabsList[current].label=='备注'||tabsList[current].label=='变更记录'" :style="{height:remarkHeight+'px'}">
+        <ContentWrap
+          class="w-[100%]"
+          v-show="
+            tabsList[current].label == annexAliasLabel ||
+            tabsList[current].label == '备注' ||
+            tabsList[current].label == '变更记录'
+          "
+          :style="{ height: remarkHeight + 'px' }"
+        >
           <!-- 附件组件 -->
-          <ElScrollbar ref="scrollbar" :style="{height:(remarkHeight-40)+'px'}">
-            <Annex v-show="tabsList[current].label==annexAliasLabel"
-                :annexData="annexData"
-                @handleAnnexSuccess="handleAnnexSuccess"
-                @deleteAnnexSuccess="deleteAnnexSuccess"
-                :upData="remarksData.data" 
-                :key="count"
-              />
+          <ElScrollbar ref="scrollbar" :style="{ height: remarkHeight - 40 + 'px' }">
+            <Annex
+              v-show="tabsList[current].label == annexAliasLabel"
+              :annexData="annexData"
+              @handleAnnexSuccess="handleAnnexSuccess"
+              @deleteAnnexSuccess="deleteAnnexSuccess"
+              :upData="remarksData.data"
+              :key="count"
+            />
             <!-- 备注组件 -->
-            <Remarks v-show="tabsList[current].label=='备注'"
+            <Remarks
+              v-show="tabsList[current].label == '备注'"
               :remarksData="remarksData"
               class="mt-20px"
               @remarksSubmitScuess="remarksSubmitScuess"
               :key="count"
             />
             <!-- 变更记录组件 -->
-            <ChangeRecord v-show="tabsList[current].label=='变更记录'" :changeRecordData="changeRecordData" class="mt-20px"  :key="count"/>
-          </ElScrollbar> 
+            <ChangeRecord
+              v-show="tabsList[current].label == '变更记录'"
+              :changeRecordData="changeRecordData"
+              class="mt-20px"
+              :key="count"
+            />
+          </ElScrollbar>
         </ContentWrap>
       </div>
     </el-drawer>
@@ -173,7 +213,6 @@
 </template>
 
 <script lang="ts" setup>
-
 import Annex from '@/components/Annex/src/Annex.vue'
 import Remarks from '@/components/Remarks/src/Remarks.vue'
 import ChangeRecord from '@/components/ChangeRecord/src/ChangeRecord.vue'
@@ -185,7 +224,7 @@ import BasicForm from '@/components/BasicForm/src/BasicForm.vue'
 import TableHead from '@/components/TableHead/src/TableHead.vue'
 import DetailTable from '@/components/DetailTable/src/DetailTable.vue'
 import { SearchTable } from '@/components/SearchTable'
-import {defaultFreshBtn} from "@/utils/disposition/defaultButtons";
+import { defaultFreshBtn } from '@/utils/disposition/defaultButtons'
 
 defineOptions({ name: 'Detail' })
 
@@ -209,7 +248,7 @@ const props = defineProps({
   annexTable: {
     type: Array,
     required: false,
-    default: ()=>[]
+    default: () => []
   },
   //展示附件组件的tab标签
   annexAliasLabel: {
@@ -305,7 +344,7 @@ const props = defineProps({
   buttondataTable: {
     type: Array,
     required: false,
-    default: ()=>{
+    default: () => {
       return []
     }
   },
@@ -322,38 +361,38 @@ const props = defineProps({
     default: null
   },
   // 子列表 筛选 展示与隐藏 ，默认展示
-  detailButtonIsShowFilter:{
+  detailButtonIsShowFilter: {
     type: Boolean,
     required: false,
     default: true
   },
   // 子列表 新增 展示与隐藏 ，默认展示
-  detailButtonIsShowAdd:{
+  detailButtonIsShowAdd: {
     type: Boolean,
     required: false,
-    default: true
+    default: false
   },
   // 子列表 编辑 展示与隐藏 ，默认展示
-  detailButtonIsShowEdit:{
+  detailButtonIsShowEdit: {
     type: Boolean,
     required: false,
-    default: true
+    default: false
   },
   // 子列表 删除 展示与隐藏 ，默认展示
-  detailButtonIsShowDelete:{
+  detailButtonIsShowDelete: {
     type: Boolean,
     required: false,
-    default: true
+    default: false
   },
   //是否直接展示搜索表单
-  isOpenSearchTable:{
+  isOpenSearchTable: {
     type: Boolean,
     required: false,
     default: false
   },
   //扩展其他按钮
-  otherHeadButttonData:{
-    type:Array,
+  otherHeadButttonData: {
+    type: Array,
     required: false,
     default: () => []
   }
@@ -381,39 +420,43 @@ if (props.isBasic == true) {
   }
 }
 
-const otherList = [...props.annexTable,{
-    label:props.annexAliasLabel,
-    prop:'Annex'
-  },{
-    label:'备注',
-    prop:'Remarks'
-  },{
-    label:'变更记录',
-    prop:'ChangeRecord'
-}]
-tabsList.value = [...tabsList?.value,...otherList]
-
-if (!tabsList.value || tabsList.value && tabsList.value.length == otherList.length) {
+const otherList = [
+  ...props.annexTable,
+  {
+    label: props.annexAliasLabel,
+    prop: 'Annex'
+  },
+  {
+    label: '备注',
+    prop: 'Remarks'
+  },
+  {
+    label: '变更记录',
+    prop: 'ChangeRecord'
+  }
+]
+tabsList.value = [...tabsList?.value, ...otherList]
+
+if (!tabsList.value || (tabsList.value && tabsList.value.length == otherList.length)) {
   tabsList.value.unshift({
-      label: '明细',
-      prop: 'Detail'
+    label: '明细',
+    prop: 'Detail'
   })
 }
 
-//  Tabs 
+//  Tabs
 const tabRef = ref()
 //滚动条
-const scrollbar = ref() 
+const scrollbar = ref()
 //附件 备注 变更记录 高度计算
-const remarkHeight = computed(() => { 
+const remarkHeight = computed(() => {
   const tab = unref(tabRef)
   const tabTop = tab?.$el.getBoundingClientRect().top
   const tabHeight = tab?.$el.getBoundingClientRect().height
-  const height = window.innerHeight - (tabTop) - (tabHeight) - 60
+  const height = window.innerHeight - tabTop - tabHeight - 60
   return height
 })
 
-
 // 附件默认数据
 const annexData = reactive({
   annexList: []
@@ -442,31 +485,31 @@ const getFileList = async () => {
   }
 }
 // 获取其他附件列表篇
-const getAnnexFileList =  async (row:id) => {
+const getAnnexFileList = async (row: id) => {
   props.annexTable?.forEach(async (item) => {
-    let requstData = {...remarksData.data,tableName: item?.tableName} 
+    let requstData = { ...remarksData.data, tableName: item?.tableName }
     const annexList = await FileApi.getFileList(requstData)
-    const annexData = annexTableData.value.find(annex=>annex.label === item.label)
-    if(annexData){
+    const annexData = annexTableData.value.find((annex) => annex.label === item.label)
+    if (annexData) {
       annexData.annexList = annexList
-    }else{
+    } else {
       annexTableData.value.push({
-        align:item.align,
+        align: item.align,
         label: item.label,
         tableName: item?.tableName || '',
         annexList,
-        hasSubDetail:item.hasSubDetail||false,
-        subDetailTableData:item.subDetailTableData
+        hasSubDetail: item.hasSubDetail || false,
+        subDetailTableData: item.subDetailTableData
       })
-      if(item?.subDetailTableData){
-        const { tableObject:subTableObject, tableMethods:subTableMethods } = useTable({
+      if (item?.subDetailTableData) {
+        const { tableObject: subTableObject, tableMethods: subTableMethods } = useTable({
           getListApi: item.subDetailTableData.getSubList // 分页接口
         })
-        const {getList:getSubList} = subTableMethods
-        subTableObject.params= {}
-        item.subDetailTableData.queryParams.forEach(queryItem => {
+        const { getList: getSubList } = subTableMethods
+        subTableObject.params = {}
+        item.subDetailTableData.queryParams.forEach((queryItem) => {
           subTableObject.params[queryItem.queryField] = row[queryItem.rowField]
-        });
+        })
         await getSubList()
         item.subDetailTableData.tableList = subTableObject.tableList
         annexItem.subDetailTableData.tableList
@@ -485,7 +528,7 @@ const deleteAnnexSuccess = async () => {
   getChangeRecordList()
 }
 /** 追加的附件 */
-const updateAnnexTableHandle  = () => {
+const updateAnnexTableHandle = () => {
   getAnnexFileList(detailData.value)
   getChangeRecordList()
 }
@@ -495,11 +538,10 @@ const current = ref(0)
 const change = (item, index) => {
   current.value = index
   emit('changeTabs', item)
-  if(otherList.find(other=>other.label==item.label)){
+  if (otherList.find((other) => other.label == item.label)) {
     // 附件/备注/变更记录 -- 点击回到顶部
-    scrollbar.value.scrollTo({ top: 0});
+    scrollbar.value.scrollTo({ top: 0 })
   }
-      
 }
 
 //主表所需的参数
@@ -532,8 +574,11 @@ const initModel = (schema: FormSchema[], formModel: Recordable) => {
 const searchTableRef = ref()
 // 如果需要直接打开表格数据表单数据
 const searchTableFormModel = ref<Recordable>({})
-if(props.isOpenSearchTable){
-  searchTableFormModel.value = initModel(props.detailAllSchemas.formSchema, unref(searchTableFormModel))
+if (props.isOpenSearchTable) {
+  searchTableFormModel.value = initModel(
+    props.detailAllSchemas.formSchema,
+    unref(searchTableFormModel)
+  )
 }
 const searchTableFormType = ref('') // 表单的类型：create - 新增；update - 修改
 
@@ -541,7 +586,7 @@ const searchTableFormType = ref('') // 表单的类型：create - 新增；updat
 const formRef = ref()
 const titleNameRef = ref()
 const titleValueRef = ref()
-const count  =ref(0)
+const count = ref(0)
 const openDetail = async (row: any, titleName: any, titleValue: any, tableName: any) => {
   titleNameRef.value = titleName
   titleValueRef.value = titleValue
@@ -576,9 +621,7 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
       let detailButtonAdd: any = []
       if (props.detailButtonIsShowFilter) {
         // 筛选
-        detailButtonFilter = [
-          defaultButtons.defaultFilterBtn(null)
-        ]
+        detailButtonFilter = [defaultButtons.defaultFilterBtn(null)]
       }
       if (props.detailButtonIsShowAdd) {
         // 新增
@@ -588,10 +631,8 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
           })
         ]
       }
-      let detailButtonRefresh = [
-        defaultButtons.defaultFreshBtn(null)
-      ]
-      HeadButttondata.value = [...detailButtonFilter,...detailButtonAdd,...detailButtonRefresh]
+      let detailButtonRefresh = [defaultButtons.defaultFreshBtn(null)]
+      HeadButttondata.value = [...detailButtonFilter, ...detailButtonAdd, ...detailButtonRefresh]
 
       // 针对特殊处理 当业务是任务的 只显示筛选 正常情况下应在业务页面设置 后期再作优化
       if (routeName.value.indexOf('Job') > -1) {
@@ -599,7 +640,7 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
           defaultButtons.defaultFilterBtn(null) // 筛选
         ]
       }
-      HeadButttondata.value = [...HeadButttondata.value,...props.otherHeadButttonData]
+      HeadButttondata.value = [...HeadButttondata.value, ...props.otherHeadButttonData]
       let detailButtonEdit: any = []
       let detailButtonDelete: any = []
       if (props.detailButtonIsShowEdit) {
@@ -618,8 +659,7 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
           })
         ]
       }
-      buttondata.value = [...detailButtonEdit,...detailButtonDelete,...props.buttondataTable]
-
+      buttondata.value = [...detailButtonEdit, ...detailButtonDelete, ...props.buttondataTable]
     } finally {
       detailLoading.value = false
     }
@@ -675,7 +715,7 @@ const { getList } = tableMethodsRef.value
 const buttonBaseClick = (val, item) => {
   if (val == 'add') {
     // 新增
-    if(props.isOpenSearchTable){
+    if (props.isOpenSearchTable) {
       searchTableFormType.value = 'create'
       // 如果需要直接打开表格数据
       searchTableFormModel.value = Object.assign(unref(searchTableFormModel), {
@@ -684,15 +724,17 @@ const buttonBaseClick = (val, item) => {
       })
       const item = props.detailAllSchemas.formSchema[0]
       opensearchTable(
-          item.field, item?.componentProps?.searchField,
-          item?.componentProps?.searchTitle, 
-          item?.componentProps?.searchAllSchemas, 
-          item?.componentProps?.searchPage,
-          item?.componentProps?.searchCondition,
-          item?.componentProps?.multiple,
-          undefined,undefined
+        item.field,
+        item?.componentProps?.searchField,
+        item?.componentProps?.searchTitle,
+        item?.componentProps?.searchAllSchemas,
+        item?.componentProps?.searchPage,
+        item?.componentProps?.searchCondition,
+        item?.componentProps?.multiple,
+        undefined,
+        undefined
       )
-    }else{
+    } else {
       openForm('create')
     }
   } else if (val == 'import') {
@@ -709,7 +751,7 @@ const buttonBaseClick = (val, item) => {
   } else {
     // 其他按钮
     console.log('其他按钮', item)
-    emit('buttonBaseClick',val, item)
+    emit('buttonBaseClick', val, item)
   }
 }
 
@@ -729,13 +771,13 @@ const opensearchTable = (
   // 判断查询条件中，是否存在指向主表的数据
   if (searchCondition && searchCondition.length > 0) {
     // 转换筛选条件所需
-    for (var i=0; i< searchCondition.length; i++ ) {
+    for (var i = 0; i < searchCondition.length; i++) {
       // 查询条件为主表某字段，需要赋值主表数据，数据来源是详情的，赋值需要从row中获取
       if (searchCondition[i].isMainValue) {
         _searchCondition[searchCondition[i].key] = detailData
           ? detailData.value[searchCondition[i].value]
           : ''
-      }else{
+      } else {
         _searchCondition[searchCondition[i].key] = searchCondition[i].value
       }
     }
@@ -762,29 +804,31 @@ const opensearchTable = (
 const buttonTableClick = async (val, row) => {
   if (val == 'edit') {
     // 编辑
-    if(props.isOpenSearchTable){
+    if (props.isOpenSearchTable) {
       searchTableFormType.value = 'update'
       if (row?.id || row?.masterId) {
         searchTableFormModel.value = Object.assign(unref(searchTableFormModel), row)
       }
       const item = props.detailAllSchemas.formSchema[0]
       opensearchTable(
-          item.field, item?.componentProps?.searchField,
-          item?.componentProps?.searchTitle, 
-          item?.componentProps?.searchAllSchemas, 
-          item?.componentProps?.searchPage,
-          item?.componentProps?.searchCondition,
-          item?.componentProps?.multiple,
-          undefined,undefined
+        item.field,
+        item?.componentProps?.searchField,
+        item?.componentProps?.searchTitle,
+        item?.componentProps?.searchAllSchemas,
+        item?.componentProps?.searchPage,
+        item?.componentProps?.searchCondition,
+        item?.componentProps?.multiple,
+        undefined,
+        undefined
       )
-    }else{
+    } else {
       openForm('update', row)
     }
   } else if (val == 'delete') {
     // 删除
     handleDelete(row.id)
   } else {
-    emit('tableFormButton',val, row)
+    emit('tableFormButton', val, row)
   }
 }
 /** 添加/修改操作 */
@@ -815,10 +859,9 @@ const submitForm = async (formType, data) => {
   }
 }
 
-
 const searchTableSuccess1 = (formField, searchField, val, formRef) => {
-  searchTableFormModel.value[formField] = val.map(item=>item[searchField]).join(',')
-  submitForm(searchTableFormType.value,searchTableFormModel.value)
+  searchTableFormModel.value[formField] = val.map((item) => item[searchField]).join(',')
+  submitForm(searchTableFormType.value, searchTableFormModel.value)
   emit('searchTableSuccessDetail', formField, searchField, val, formRef)
 }
 // 查询页面返回
@@ -885,7 +928,7 @@ const selectChangeDetail = (field, val) => {
   emit('selectChangeDetail', field, val)
 }
 // 打开图片
-const openImage=(item)=>{
+const openImage = (item) => {
   emit('openImage', item)
 }
 /**
@@ -893,22 +936,22 @@ const openImage=(item)=>{
  * @param field 当前操作字段
  * @param cur 改变后值
  */
- const detailBasicFormOnChange = (field, cur) => {
+const detailBasicFormOnChange = (field, cur) => {
   emit('detailBasicFormOnChange', field, cur)
 }
 
 /**
  * 监听失焦事件
  * @param field 当前操作字段
- * @param e 
+ * @param e
  */
- const onBlur = (field, e) => {
+const onBlur = (field, e) => {
   emit('onBlur', field, e)
 }
 
 // 日期改变事件
-const formFormDateChange = (field, val,row, index) => {
-  emit('formFormDateChange', field, val,row, index)
+const formFormDateChange = (field, val, row, index) => {
+  emit('formFormDateChange', field, val, row, index)
 }
 //监视属性
 watch(
@@ -920,7 +963,7 @@ watch(
     tableObject.params.schedulingCode = masterParmas.value.schedulingCode
     detailAllSchemasRef.value = props.detailAllSchemas
     if (props.tableObjectExtend) {
-      props.tableObjectExtend.forEach(item => {
+      props.tableObjectExtend.forEach((item) => {
         tableObject.params[item.key] = item.value
       })
     }

src/views/mes/workScheduling/index.vue

@@ -60,9 +60,9 @@
           :apiCreate="WorkSchedulingDetailApi.createWorkSchedulingDetail"
           :apiUpdate="WorkSchedulingDetailApi.updateWorkSchedulingDetail"
           :apiDelete="WorkSchedulingDetailApi.deleteWorkSchedulingDetail"
-          :detailButtonIsShowAdd="true"
-          :detailButtonIsShowEdit="true"
-          :detailButtonIsShowDelete="true"
+          :detailButtonIsShowAdd="false"
+          :detailButtonIsShowEdit="false"
+          :detailButtonIsShowDelete="false"
           @handleMainFefresh="handleMainFefresh"
           @searchTableSuccessDetail="searchTableSuccessDetail"
           :key="count"

src/views/mes/workScheduling/workScheduling.data.ts

@@ -380,13 +380,13 @@ export const WorkSchedulingDetail = useCrudSchemas(reactive<CrudSchema[]>([
     isForm:false,
     isDetail:false,
   },
-  {
-    label: '操作',
-    field: 'action',
-    isForm: false,
-    table: {
-      width: 150,
-      fixed: 'right'
-    }
-  }
+  // {
+  //   label: '操作',
+  //   field: 'action',
+  //   isForm: false,
+  //   table: {
+  //     width: 150,
+  //     fixed: 'right'
+  //   }
+  // }
 ]))