From 11165bba4919dfc98793b7df6e3bd6a98a389829 Mon Sep 17 00:00:00 2001
From: bjang03 <wenwu901@icloud.com>
Date: Fri, 22 Mar 2024 15:40:57 +0800
Subject: [PATCH 1/2] =?UTF-8?q?1=E3=80=81=E7=BB=91=E5=AE=9A=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/mes/workstation/index.ts              |  18 +-
 src/components/workstationBind/index.ts       |   5 +-
 src/components/workstationBind/src/Detail.vue | 202 +++++++++++-------
 3 files changed, 136 insertions(+), 89 deletions(-)

diff --git a/src/api/mes/workstation/index.ts b/src/api/mes/workstation/index.ts
index cc75e6142..b950fd776 100644
--- a/src/api/mes/workstation/index.ts
+++ b/src/api/mes/workstation/index.ts
@@ -6,7 +6,9 @@ export interface WorkstationVO {
   expireTime: Date
   name: string
 }
-
+export const goalParams = {
+  workstationCode:null
+}
 // 查询工位列表
 export const getWorkstationPage = async (params) => {
   if (params.isSearch) {
@@ -49,21 +51,25 @@ export const importTemplate = () => {
 }
 // 查询班组列表
 export const getTeamPage = async (params) => {
+  console.log(goalParams.workstationCode)
+  params.workstationCode = goalParams.workstationCode
   if (params.isSearch) {
     delete params.isSearch
     const data = {...params}
-    return await request.post({ url: '/wms/team/senior', data })
+    return await request.post({ url: '/mes/team/senior', data })
   } else {
-    return await request.get({ url: `/wms/team/page`, params })
+    return await request.get({ url: `/mes/team/pageListByWorkstationCode`, params })
   }
 }
 export const getEquipmentPage = async (params) => {
+  console.log(goalParams.workstationCode)
+  params.workstationCode = goalParams.workstationCode
   if (params.isSearch) {
     delete params.isSearch
     const data = {...params}
     return await request.post({ url: '/mes/equipment/senior', data })
   } else {
-    return await request.get({ url: `/mes/equipment/page`, params })
+    return await request.get({ url: `/mes/equipment/pageListByWorkstationCode`, params })
   }
 }
 export const getProcessPage = async (params) => {
@@ -72,7 +78,7 @@ export const getProcessPage = async (params) => {
     const data = {...params}
     return await request.post({ url: '/wms/process/senior', data })
   } else {
-    return await request.get({ url: `/wms/process/page`, params })
+    return await request.get({ url: `/wms/process/pageListByWorkstationCode`, params })
   }
 }
 export const getProductionPage = async (params) => {
@@ -81,6 +87,6 @@ export const getProductionPage = async (params) => {
     const data = {...params}
     return await request.post({ url: '/wms/production/senior', data })
   } else {
-    return await request.get({ url: `/wms/production/page`, params })
+    return await request.get({ url: `/wms/production/pageListByWorkstationCode`, params })
   }
 }
diff --git a/src/components/workstationBind/index.ts b/src/components/workstationBind/index.ts
index e7d199c89..d3fcb5cad 100644
--- a/src/components/workstationBind/index.ts
+++ b/src/components/workstationBind/index.ts
@@ -1,2 +1,3 @@
-import detail from './src/Detail.vue'
-export {detail }
+import Detail from './src/Detail.vue'
+
+export { Detail }
diff --git a/src/components/workstationBind/src/Detail.vue b/src/components/workstationBind/src/Detail.vue
index 5b39f255b..899d5fc31 100644
--- a/src/components/workstationBind/src/Detail.vue
+++ b/src/components/workstationBind/src/Detail.vue
@@ -12,72 +12,109 @@
           {{ titleValueRef }} <span class="ml-20px font-size-16px">{{ titleNameRef }}</span>
         </div>
       </template>
-      <ContentWrap>
-        <!-- 默认单表展现 -->
+      <ContentWrap v-if="!isBasic">
         <Descriptions
           :data="detailData"
+          labelClassName="label-class-name"
+          label-align="left"
+          direction="vertical"
+          :column="8"
           :schema="allSchemas.detailSchema"
           :columns="2"
+          width="200px"
         />
       </ContentWrap>
 
-      <Tabs :tabsList="TabsList" :current="current" @change="change" />
+      <Tabs :tabsList="tabsList" :current="current" @change="change" />
       <div class="flex">
         <!-- 详情 -->
-        <ContentWrap class="w-[100%]">
+        <ContentWrap class="w-[73%]">
+          <!-- 列表头部 -->
+          <TableHead
+            v-if="!isBasic"
+            :HeadButttondata="HeadButttondata"
+            :masterId="masterParmas.masterId"
+            @button-base-click="buttonBaseClick"
+            :routeName="routeName"
+            @searchFormClick="searchFormClick"
+            :allSchemas="detailAllSchemas"
+          />
+          <!-- 默认单表展现 -->
+          <Descriptions
+            v-if="isBasic && !tabsExtend"
+            :data="detailData"
+            :schema="allSchemas.detailSchema"
+            :columns="2"
+          />
           <!-- 单表切换tabs 展现table -->
           <Table
             v-if="isBasic && tabsExtend"
-            :columns="teamSchemasRef.tableColumns"
-            :data="teamObjectRef.tableList"
-            :loading="teamObjectRef.loading"
-            :pagination="{ total: teamObjectRef.total }"
-            v-model:pageSize="teamObjectRef.pageSize"
-            v-model:currentPage="teamObjectRef.currentPage"
+            :columns="detailAllSchemasRef.tableColumns"
+            :data="tableObjectRef.tableList"
+            :loading="tableObjectRef.loading"
+            :pagination="{ total: tableObjectRef.total }"
+            v-model:pageSize="tableObjectRef.pageSize"
+            v-model:currentPage="tableObjectRef.currentPage"
           >
-            <template>
-              <div>1</div>
-            </template>
+            <!-- <template #action="{ row }">
+              <ButtonBase
+                :Butttondata="buttondata"
+                @button-base-click="buttonTableClick($event, row)"
+              />
+            </template> -->
           </Table>
           <Table
-            v-if="!isBasic && fromeWhere != 'Equipment'"
-            :columns="teamSchemasRef.tableColumns"
-            :data="teamObjectRef.tableList"
-            :loading="teamObjectRef.loading"
-            :pagination="{ total: teamObjectRef.total }"
-            v-model:pageSize="teamObjectRef.pageSize"
-            v-model:currentPage="teamObjectRef.currentPage"
+            v-if="!isBasic && fromeWhere != 'countPlan'"
+            :columns="detailAllSchemasRef.tableColumns"
+            :data="tableObjectRef.tableList"
+            :loading="tableObjectRef.loading"
+            :pagination="{ total: tableObjectRef.total }"
+            v-model:pageSize="tableObjectRef.pageSize"
+            v-model:currentPage="tableObjectRef.currentPage"
           >
-            <template>
-              <div>1</div>
+          <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>
-          </Table>
-          <Table
-            v-if="!isBasic && fromeWhere != 'Process'"
-            :columns="teamSchemasRef.tableColumns"
-            :data="teamObjectRef.tableList"
-            :loading="teamObjectRef.loading"
-            :pagination="{ total: teamObjectRef.total }"
-            v-model:pageSize="teamObjectRef.pageSize"
-            v-model:currentPage="teamObjectRef.currentPage"
-          >
-            <template>
-              <div>1</div>
+            <template #action="{ row }">
+              <ButtonBase
+                :Butttondata="buttondata"
+                @button-base-click="buttonTableClick($event, row)"
+              />
             </template>
           </Table>
           <DetailTable
-            v-if="!isBasic && fromeWhere == 'Production' && isShowDrawer"
-            :columns="teamSchemasRef.tableColumns"
-            :data="teamObjectRef.tableList"
+            v-if="!isBasic && fromeWhere == 'countPlan' && isShowDrawer"
+            :columns="detailAllSchemasRef.tableColumns"
+            :data="tableObjectRef.tableList"
             :allList="allList"
             :countScopeType="countScopeType"
             :key="updateKey"
           >
-            <template>
-              <div>1</div>
+            <template #action="{ row }">
+              <ButtonBase
+                :Butttondata="buttondata"
+                @button-base-click="buttonTableClick($event, row)"
+              />
             </template>
           </DetailTable>
         </ContentWrap>
+        <ContentWrap class="w-[27%] ml-16px">
+          <!-- 附件组件 -->
+          <Annex
+            :annexData="annexData"
+            @handleAnnexSuccess="handleAnnexSuccess"
+            @deleteAnnexSuccess="deleteAnnexSuccess"
+            :upData="remarksData.data"
+          />
+          <!-- 备注组件 -->
+          <Remarks
+            :remarksData="remarksData"
+            class="mt-20px"
+            @remarksSubmitScuess="remarksSubmitScuess"
+          />
+          <!-- 变更记录组件 -->
+          <ChangeRecord :changeRecordData="changeRecordData" class="mt-20px" />
+        </ContentWrap>
       </div>
     </el-drawer>
     <!-- 表单弹窗：添加/修改 -->
@@ -105,19 +142,16 @@
 </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'
+import Tabs from '@/components/Tabs/src/Tabs.vue'
 import * as RemarkApi from '@/api/wms/remark'
 import * as FileApi from '@/api/wms/file'
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
-import Detail from "@/components/workstationBind/src/Detail.vue";
-import {TabsList} from "@/views/mes/workstation/workstation.data";
-import DetailTable from "@/components/DetailTable/src/DetailTable.vue";
-import Tabs from "@/components/Tabs/src/Tabs.vue";
-import Annex from "@/components/Annex/src/Annex.vue";
-import Remarks from "@/components/Remarks/src/Remarks.vue";
-import BasicForm from "@/components/BasicForm/src/BasicForm.vue";
-import TableHead from "@/components/TableHead/src/TableHead.vue";
-import ChangeRecord from "@/components/ChangeRecord/src/ChangeRecord.vue";
-import {Team} from "@/utils/disposition/formFields";
+import BasicForm from '@/components/BasicForm/src/BasicForm.vue'
+import TableHead from '@/components/TableHead/src/TableHead.vue'
+import DetailTable from '@/components/DetailTable/src/DetailTable.vue'
 
 defineOptions({ name: 'Detail' })
 
@@ -143,12 +177,6 @@ const props = defineProps({
     required: false,
     default: false
   },
-  // 列表 相关信息
-  tableAllSchemas: {
-    type: Array,
-    required: true,
-    default: null
-  },
   // 表单，列表 相关信息
   allSchemas: {
     type: Object,
@@ -270,11 +298,6 @@ const props = defineProps({
     type: Boolean,
     required: false,
     default: true
-  },
-  teamSchemas:{
-    type: Boolean,
-    required: false,
-    default: true
   }
 })
 const isShowDrawer = ref(false)
@@ -374,7 +397,7 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
     masterParmas.value.masterId = row.id
     masterParmas.value.number = row.number
     masterParmas.value.status = row.status
-    teamObjectRef.value.params = {
+    tableObjectRef.value.params = {
       masterId: row.id
     }
     await getList()
@@ -439,10 +462,7 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
   }
 }
 defineExpose({ openDetail, formRef }) // 提供 open 方法，用于打开弹窗
-// tabs 切换事件
-const changeTabs = (item) => {
-  alert(item.value)
-}
+
 // 获取备注列表
 const getRemarkList = async () => {
   detailLoading.value = true
@@ -462,19 +482,18 @@ const remarksSubmitScuess = async (remark) => {
 const getChangeRecordList = async () => {
   changeRecordData.changeRecordList = await RemarkApi.getChangeRecordPage(remarksData.data)
 }
+
+const tableObjectRef = ref()
+const tableMethodsRef = ref()
 const detailAllSchemasRef = ref()
-detailAllSchemasRef.value = props.detailAllSchemas
-const teamObjectRef = ref()
-const teamMethodsRef = ref()
-const teamSchemasRef = ref()
 
 const { tableObject, tableMethods } = useTable({
   getListApi: props.apiPage // 分页接口
 })
 
-teamObjectRef.value = tableObject
-teamMethodsRef.value = tableMethods
-teamSchemasRef.value = props.teamSchemas
+tableObjectRef.value = tableObject
+tableMethodsRef.value = tableMethods
+detailAllSchemasRef.value = props.detailAllSchemas
 
 // 根据状态返回该按钮是否显示
 const isShowMainButton = (row, val) => {
@@ -486,8 +505,29 @@ const isShowMainButton = (row, val) => {
 }
 
 // 获得表格的各种操作
-const { getList } = teamMethodsRef.value
+const { getList } = tableMethodsRef.value
 
+// 头部按钮事件
+const buttonBaseClick = (val, item) => {
+  if (val == 'add') {
+    // 新增
+    openForm('create')
+  } else if (val == 'import') {
+    // 导入
+    handleImport()
+  } else if (val == 'export') {
+    // 导出
+    handleExport()
+  } else if (val == 'refresh') {
+    // 刷新
+    getList()
+  } else if (val == 'filtrate') {
+    // 筛选
+  } else {
+    // 其他按钮
+    console.log('其他按钮', item)
+  }
+}
 
 // 字段设置 更新主列表字段
 // const updataTableColumns = (val) => {
@@ -576,9 +616,9 @@ const searchFormClick = async (searchData) => {
       : [{ column: 'masterId', action: '==', value: masterParmas.value.masterId }]
   }
   detailAllSchemasRef.value = props.detailAllSchemas
-  teamObjectRef.value = tableObject
-  teamMethodsRef.value = tableMethods
-  teamObjectRef.value.tableList = []
+  tableObjectRef.value = tableObject
+  tableMethodsRef.value = tableMethods
+  tableObjectRef.value.tableList = []
   const { getList } = tableMethods
   await getList()
   updateKey.value += 1
@@ -603,16 +643,16 @@ 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)
 }
 
@@ -634,8 +674,8 @@ watch(
         tableObject.params[item.key] = item.value
       })
     }
-    teamObjectRef.value = tableObject
-    teamMethodsRef.value = tableMethods
+    tableObjectRef.value = tableObject
+    tableMethodsRef.value = tableMethods
     const { getList } = tableMethods
     getList()
   }

From 853647367e3c321ccf5ea86e9a282e93a749098b Mon Sep 17 00:00:00 2001
From: bjang03 <wenwu901@icloud.com>
Date: Fri, 22 Mar 2024 15:50:26 +0800
Subject: [PATCH 2/2] =?UTF-8?q?1=E3=80=81=E7=BB=91=E5=AE=9A=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/workstation/index.vue | 71 +++++++++++++++--------------
 1 file changed, 37 insertions(+), 34 deletions(-)

diff --git a/src/views/mes/workstation/index.vue b/src/views/mes/workstation/index.vue
index 0f84fe596..6cf463a0f 100644
--- a/src/views/mes/workstation/index.vue
+++ b/src/views/mes/workstation/index.vue
@@ -4,15 +4,15 @@
     <Search :schema="Workstation.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
   </ContentWrap>
 
-    <!-- 列表头部 -->
-    <TableHead
-      :HeadButttondata="HeadButttondata"
-      @button-base-click="buttonBaseClick"
-      :routeName="routeName"
-      @updataTableColumns="updataTableColumns"
-      @searchFormClick="searchFormClick"
-      :allSchemas="Workstation.allSchemas"
-    />
+  <!-- 列表头部 -->
+  <TableHead
+    :HeadButttondata="HeadButttondata"
+    @button-base-click="buttonBaseClick"
+    :routeName="routeName"
+    @updataTableColumns="updataTableColumns"
+    @searchFormClick="searchFormClick"
+    :allSchemas="Workstation.allSchemas"
+  />
 
   <!-- 列表 -->
   <ContentWrap>
@@ -59,26 +59,34 @@
           :apiPage="apiPage"
           :tabs="TabsList"
           @changeTabs="changeTabs"
-          />
+  />
   <!-- 导入 -->
   <ImportForm ref="importFormRef" url="/mes/workstation/import" :importTemplateData="importTemplateData" @success="importSuccess" />
 </template>
 
 <script setup lang="ts">
 import download from '@/utils/download'
-import {TabsList, Team, Workstation, WorkstationRules} from './workstation.data'
+import {
+  Equipment,
+  Process,
+  Production,
+  TabsList,
+  Team,
+  Workstation,
+  WorkstationRules
+} from './workstation.data'
 import * as WorkstationApi from '@/api/mes/workstation'
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
 import TableHead from '@/components/TableHead/src/TableHead.vue'
 import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
-import {
-  PurchasereceiptRecordDetail,
-  PurchasereceiptRecordDetailRules,
-  PurchasereceiptRecordMain
-} from "@/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptRecordMain/purchasereceiptRecordMain.data";
-import {PurchasereceiptRequestTabsList} from "@/utils/disposition/tabsList";
 import * as PurchasereceiptRecordDetailApi from "@/api/wms/purchasereceiptRecordDetail";
-import {getEquipmentPage, getProcessPage, getProductionPage} from "@/api/mes/workstation";
+import {
+  getEquipmentPage,
+  getProcessPage,
+  getProductionPage,
+  goalParams,
+  params
+} from "@/api/mes/workstation";
 defineOptions({ name: 'Workstation' })
 
 const message = useMessage() // 消息弹窗
@@ -188,11 +196,6 @@ const formsSuccess = async (formType,data) => {
   getList()
 }
 
-/** 绑定操作 */
-const detailRef = ref()
-const openDetail = (row: any, titleName: any, titleValue: any) => {
-  detailRef.value.openDetail(row, titleName, titleValue, 'basicWorkstation')
-}
 
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
@@ -252,31 +255,31 @@ onMounted(async () => {
   getList()
   importTemplateData.templateUrl = await WorkstationApi.importTemplate()
 })
+/** 详情操作 */
+const detailRef = ref()
+const openDetail = (row: any, titleName: any, titleValue: any) => {
+  goalParams.workstationCode = row.code
+  detailRef.value.openDetail(row, titleName, titleValue, 'basicWorkstation')
+}
 // 子包装数据
-const teamRef = ref()
-const { tableObject: teamData, tableMethods: teamMethods } = useTable({
-  getListApi: WorkstationApi.getTeamPage
-})
-const { getList:teamList } = teamMethods
 const detailAllSchemas = ref(Team.allSchemas)
 const apiPage = ref(WorkstationApi.getTeamPage)
-const tabeKey = ref("workstationDetail");
+const tableKey = ref("workstationDetail");
 // tabs 切换事件
 const changeTabs = (data) =>{
+  tableKey.value = data.prop
   if(data.prop == 'Team'){
-    console.log(data)
     apiPage.value = WorkstationApi.getTeamPage
     detailAllSchemas.value = Team.allSchemas
   }else if(data.prop == 'Equipment'){
     apiPage.value = WorkstationApi.getEquipmentPage
-    detailAllSchemas.value = PurchasereceiptRecordDetail.allSchemas
+    detailAllSchemas.value = Equipment.allSchemas
   }else if(data.prop == 'Process'){
     apiPage.value = WorkstationApi.getProcessPage
-    detailAllSchemas.value = PurchasereceiptRecordDetail.allSchemas
+    detailAllSchemas.value = Process.allSchemas
   }else if(data.prop == 'Production'){
     apiPage.value = WorkstationApi.getProductionPage
-    detailAllSchemas.value = PurchasereceiptRecordDetail.allSchemas
+    detailAllSchemas.value = Production.allSchemas
   }
-  tabeKey.value = data.prop
 }
 </script>