From 0e27057384bfb081f29562668aeadc2722151898 Mon Sep 17 00:00:00 2001
From: zhang_li <2235006734@qqq.com>
Date: Sun, 4 Feb 2024 15:44:17 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E5=8F=B0=E8=B4=A6=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/eam/device/deviceAccounts/index.ts    |   3 +-
 src/api/eam/upload/index.ts                   |   5 +
 .../Detail/src/DetailDeviceLedger.vue         | 185 +++++++++---
 src/components/UploadFile/src/UploadImg.vue   |   2 +-
 src/components/UploadFile/src/UploadImgs.vue  |   2 +-
 src/utils/dict.ts                             |   1 +
 src/utils/disposition/tabsList.ts             |   7 +-
 .../deviceAccounts/deviceAccounts.data.ts     |  35 ++-
 src/views/eam/device/deviceAccounts/index.vue | 270 +++++++++++++-----
 .../deviceMaintenanceMain.data.ts             |   1 +
 10 files changed, 385 insertions(+), 126 deletions(-)
 create mode 100644 src/api/eam/upload/index.ts

diff --git a/src/api/eam/device/deviceAccounts/index.ts b/src/api/eam/device/deviceAccounts/index.ts
index ed79b44..3c0ed6e 100644
--- a/src/api/eam/device/deviceAccounts/index.ts
+++ b/src/api/eam/device/deviceAccounts/index.ts
@@ -62,4 +62,5 @@ export const importTemplate = () => {
 // 查询设备台账列表
 export const getDeviceAccountsNoPage = async (params) => {
   return await request.get({ url: `/eam/device-accounts/selectData`, params })
-}
\ No newline at end of file
+}
+
diff --git a/src/api/eam/upload/index.ts b/src/api/eam/upload/index.ts
new file mode 100644
index 0000000..8bf3ee9
--- /dev/null
+++ b/src/api/eam/upload/index.ts
@@ -0,0 +1,5 @@
+import request from '@/config/axios'
+// 上传图片
+export const uploadImage = async (data) => {
+  return await request.post({ url: `/eam/attachment-file/upload`, data })
+}
\ No newline at end of file
diff --git a/src/components/Detail/src/DetailDeviceLedger.vue b/src/components/Detail/src/DetailDeviceLedger.vue
index 2a13d8a..d475014 100644
--- a/src/components/Detail/src/DetailDeviceLedger.vue
+++ b/src/components/Detail/src/DetailDeviceLedger.vue
@@ -40,15 +40,40 @@
             :allSchemas="detailAllSchemas"
           />
           <!-- 默认单表展现 -->
-          <Descriptions
+          <!-- <Descriptions
             v-if="isBasic && !tabsExtend"
             :data="detailData"
             :schema="allSchemas.detailSchema"
             :columns="2"
-          />
+          /> -->
+          <div v-if="isBasic && tabsExtend == 1">
+            <Form
+              ref="imageFormRef"
+              :rules="upImageRules"
+              :schema="imageFormSchemas"
+              :is-col="true"
+            />
+            <el-button type="primary" @click="uploadImage">点击上传</el-button>
+          </div>
+          <el-tabs type="border-card" class="demo-tabs" v-if="isBasic && tabsExtend == 2" @tab-change="handleTabsChange">
+            <el-tab-pane
+              v-for="(item,index) in subTabsList"
+              :key="item.value"
+              :label="item.label"
+              :name="item.value"
+            >
+            <Form
+              :ref="'fileFormRef'+ ( index + 1 )"
+              :rules="upFileRules"
+              :schema="fileFormSchemas"
+              :is-col="true"
+            />
+            <el-button type="primary" @click="uploadFile($event,index)">点击上传</el-button>
+            </el-tab-pane>
+          </el-tabs>
           <!-- 单表切换tabs 展现table -->
           <Table
-            v-if="isBasic && tabsExtend"
+            v-if="isBasic && tabsExtend == 3"
             :columns="detailAllSchemasRef.tableColumns"
             :data="tableObjectRef.tableList"
             :loading="tableObjectRef.loading"
@@ -72,8 +97,14 @@
             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 #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
@@ -127,6 +158,8 @@ import * as defaultButtons from '@/utils/disposition/defaultButtons'
 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 { getCurrentInstance} from 'vue'
+const { proxy } = getCurrentInstance()
 
 defineOptions({ name: 'Detail' })
 
@@ -146,6 +179,12 @@ const props = defineProps({
     required: true,
     default: null
   },
+  // 标签参数
+  subTabs: {
+    type: Object,
+    required: true,
+    default: null
+  },
   // 是否是基础数据 展现详情顶部表单
   isBasic: {
     type: Boolean,
@@ -234,15 +273,15 @@ const props = defineProps({
   buttondataTable: {
     type: Array,
     required: false,
-    default: ()=>{
+    default: () => {
       return []
     }
   },
   // 针对基础数据tabs扩展 显示table列表 默认false
   tabsExtend: {
-    type: Boolean,
+    type: Number,
     required: false,
-    default: false
+    default: 1
   },
   // tableObject 数据过滤条件 针对 详情扩展标签页 传入不同条件
   tableObjectExtend: {
@@ -251,17 +290,42 @@ const props = defineProps({
     default: null
   },
   // 子列表 新增 编辑 删除的展示与隐藏，默认展示
-  detailButtonIsShow:{
+  detailButtonIsShow: {
     type: Boolean,
     required: false,
     default: false
+  },
+  // 详情上传图片
+  upImageRules: {
+    type: Array,
+    required: false,
+    default: null
+  },
+  imageFormAllSchemas: {
+    type: Object,
+    required: true,
+    default: null
+  },
+  // 详情上传文件
+  upFileRules: {
+    type: Array,
+    required: false,
+    default: null
+  },
+  fileFormAllSchemas: {
+    type: Object,
+    required: true,
+    default: null
   }
 })
 const isShowDrawer = ref(false)
 const detailLoading = ref(false)
 const tabsList = ref(JSON.parse(JSON.stringify(props.tabs ? props.tabs : '')))
+const subTabsList = ref(JSON.parse(JSON.stringify(props.subTabs ? props.subTabs : '')))
 
-
+const imageFormSchemas = ref(props.imageFormAllSchemas?.formSchema)
+const fileFormSchemas = ref(props.fileFormAllSchemas?.formSchema)
+console.log('imageFormSchemas', imageFormSchemas.value)
 
 // Tabs当前选择
 const current = ref(0)
@@ -272,7 +336,7 @@ const change = (item, index) => {
 
 //主表所需的参数
 const masterParmas = ref({
-  number: '', //主表id
+  number: '' //主表id
   // number: '', //主表单据号
   // status: '' //主表状态 用于控制子表新增编辑按钮显示情况
 })
@@ -290,15 +354,18 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
   titleNameRef.value = titleName
   titleValueRef.value = titleValue
   // 加载明细列表
-  if (!props.isBasic) {
+  if (!props.isBasic || (props.isBasic && props.tabsExtend)) {
     // 设置主表id
     masterParmas.value.number = row.number
     // masterParmas.value.number = row.number
     // masterParmas.value.status = row.status
-    tableObjectRef.value.params = {
-      number: row.number
+
+    if (!props.isBasic) {
+      tableObjectRef.value.params = {
+        number: row.number
+      }
+      await getList()
     }
-    await getList()
   }
   isShowDrawer.value = true
   if (row) {
@@ -311,7 +378,7 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
           defaultButtons.defaultFilterBtn(null) // 筛选
         ]
       } else {
-        if(!props.detailButtonIsShow){
+        if (!props.detailButtonIsShow) {
           HeadButttondata.value = [
             defaultButtons.defaultAddBtn({
               hide: isShowMainButton(row, ['1'])
@@ -327,41 +394,43 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
             }) // 新增
           ]
         }
-         //盘点计划详情筛选
-         if (props.fromeWhere == 'putawayRequest') {
+        //盘点计划详情筛选
+        if (props.fromeWhere == 'putawayRequest') {
           HeadButttondata.value = [
-          defaultButtons.defaultFilterBtn(null) // 筛选
+            defaultButtons.defaultFilterBtn(null) // 筛选
           ]
         }
-         //盘点调整申请筛选
-         if (props.fromeWhere == 'countadjustRequest') {
+        //盘点调整申请筛选
+        if (props.fromeWhere == 'countadjustRequest') {
           HeadButttondata.value = [
-          defaultButtons.defaultFilterBtn(null) // 筛选
+            defaultButtons.defaultFilterBtn(null) // 筛选
           ]
         }
-         //采购收货详情筛选
-         if (props.fromeWhere == 'purchasereceipt') {
+        //采购收货详情筛选
+        if (props.fromeWhere == 'purchasereceipt') {
           HeadButttondata.value = [
-          defaultButtons.defaultFilterBtn(null) // 筛选
+            defaultButtons.defaultFilterBtn(null) // 筛选
           ]
         }
         //客户收货详情筛选
         if (props.fromeWhere == 'customerreceipt') {
           HeadButttondata.value = [
-          defaultButtons.defaultFilterBtn(null) // 筛选
+            defaultButtons.defaultFilterBtn(null) // 筛选
           ]
         }
       }
 
       // 动态显示操作列按钮
-      if(!props.detailButtonIsShow){
-        buttondata.value = [...[
-          defaultButtons.mainListEditBtn({
-            hide: isShowMainButton(row, ['1'])
-          }), // 编辑
-          defaultButtons.mainListDeleteBtn({
-            hide: isShowMainButton(row, ['1'])
-          })], // 删除
+      if (!props.detailButtonIsShow) {
+        buttondata.value = [
+          ...[
+            defaultButtons.mainListEditBtn({
+              hide: isShowMainButton(row, ['1'])
+            }), // 编辑
+            defaultButtons.mainListDeleteBtn({
+              hide: isShowMainButton(row, ['1'])
+            })
+          ], // 删除
           ...props.buttondataTable
         ]
       }
@@ -372,7 +441,6 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
 }
 defineExpose({ openDetail }) // 提供 open 方法，用于打开弹窗
 
-
 const tableObjectRef = ref()
 const tableMethodsRef = ref()
 const detailAllSchemasRef = ref()
@@ -434,7 +502,7 @@ const buttonTableClick = async (val, row) => {
     // 删除
     handleDelete(row.id)
   } else {
-    emit('tableFormButton',val, row)
+    emit('tableFormButton', val, row)
   }
 }
 /** 添加/修改操作 */
@@ -475,7 +543,10 @@ const emit = defineEmits([
   'selectChangeDetail',
   'detailOpenForm',
   'tableFormButton',
-  'openImage'
+  'openImage',
+  'uploadImage',
+  'subTabsChick',
+  'uploadFile'
 ])
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
@@ -521,9 +592,45 @@ const selectChangeDetail = (field, val) => {
   emit('selectChangeDetail', field, val)
 }
 // 打开图片
-const openImage=(item)=>{
+const openImage = (item) => {
   emit('openImage', item)
 }
+const imageFormRef = ref()
+// 上传图片
+const uploadImage =async () => {
+  console.log(imageFormRef)
+  const elForm = unref(imageFormRef)?.getElFormRef()
+  // 校验表单
+  if (!elForm) return
+  const valid = await elForm.validate()
+  if (!valid) return
+  emit(
+    'uploadImage',
+    masterParmas.value.number,
+    imageFormRef.value.formModel.filePath.map((item) => item.url)
+  )
+}
+// 选择二级tabs
+const  handleTabsChange=(e)=>{
+  console.log(e)
+  emit('subTabsChick',e)
+}
+// 上传文件
+const fileFormRef = ref()
+const uploadFile=async(e,index)=>{
+  console.log(proxy.$refs)
+  console.log(proxy.$refs['fileFormRef'+(index+1)))
+  const elForm = unref(fileFormRef)?.getElFormRef()
+  // 校验表单
+  if (!elForm) return
+  const valid = await elForm.validate()
+  if (!valid) return
+  emit(
+    'uploadFile',
+    masterParmas.value.number,
+    fileFormRef.value.formModel.filePath.map((item) => item.url)
+  )
+}
 //监视属性
 watch(
   () => props.apiPage,
@@ -534,7 +641,7 @@ watch(
     tableObject.params.number = masterParmas.value.number
     detailAllSchemasRef.value = props.detailAllSchemas
     if (props.tableObjectExtend) {
-      props.tableObjectExtend.forEach(item => {
+      props.tableObjectExtend.forEach((item) => {
         tableObject.params[item.key] = item.value
       })
     }
diff --git a/src/components/UploadFile/src/UploadImg.vue b/src/components/UploadFile/src/UploadImg.vue
index 100736b..31571e2 100644
--- a/src/components/UploadFile/src/UploadImg.vue
+++ b/src/components/UploadFile/src/UploadImg.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="upload-box">
     <el-upload
-      :action="updateUrl + '?tableId=' + upData?.tableId + '&tableName=' + upData?.tableName"
+      :action="updateUrl"
       :id="uuid"
       :class="['upload', drag ? 'no-border' : '']"
       :multiple="false"
diff --git a/src/components/UploadFile/src/UploadImgs.vue b/src/components/UploadFile/src/UploadImgs.vue
index 7470c9b..b298df0 100644
--- a/src/components/UploadFile/src/UploadImgs.vue
+++ b/src/components/UploadFile/src/UploadImgs.vue
@@ -3,7 +3,7 @@
     <el-upload
       v-model:file-list="fileList"
       :accept="fileType.join(',')"
-      :action="updateUrl + '?tableId=' + upData?.tableId + '&tableName=' + upData?.tableName"
+      :action="updateUrl"
       :before-upload="beforeUpload"
       :class="['upload', drag ? 'no-border' : '']"
       :drag="drag"
diff --git a/src/utils/dict.ts b/src/utils/dict.ts
index 03804d8..1f03899 100644
--- a/src/utils/dict.ts
+++ b/src/utils/dict.ts
@@ -222,6 +222,7 @@ export enum DICT_TYPE {
   REQEUST_MODE = 'reqeust_mode', // 申请模式
   TIME_UNIT = 'time_unit', // 时间单位
   COUNT_TYPE = 'count_type', // 盘点类型
+  DEVICE_DOC_TYPE = 'device_doc_type', // 盘点类型
   COUNT_SCOPE_TYPE = 'count_scope_type', // 盘点范围类型
   BARCODE_PREFIX = 'barcode_prefix', // 条码前缀
   SETTLEMENT_TYPE = 'settlement_type', // 结算类型
diff --git a/src/utils/disposition/tabsList.ts b/src/utils/disposition/tabsList.ts
index e88f418..4d23c8c 100644
--- a/src/utils/disposition/tabsList.ts
+++ b/src/utils/disposition/tabsList.ts
@@ -1,8 +1,5 @@
 // 设备台账tabs标签
-export const DeviceLedgerTabsList = [{
-  label: "设备信息",
-  prop: 'info',
-},
+export const DeviceLedgerTabsList = [
 {
   label: "设备图片",
   prop: 'Image',
@@ -17,7 +14,7 @@ export const DeviceLedgerTabsList = [{
 },
 {
   label: "报修记录",
-  prop: 'deviceReportRecord',
+  prop: 'DeviceReportRecord',
 },
 {
   label: "维修记录",
diff --git a/src/views/eam/device/deviceAccounts/deviceAccounts.data.ts b/src/views/eam/device/deviceAccounts/deviceAccounts.data.ts
index 9715c1b..ebf99f2 100644
--- a/src/views/eam/device/deviceAccounts/deviceAccounts.data.ts
+++ b/src/views/eam/device/deviceAccounts/deviceAccounts.data.ts
@@ -137,6 +137,39 @@ export const DeviceAccounts = useCrudSchemas(reactive<CrudSchema[]>([
     table: {
       width: 200,
       fixed: 'right'
-    }
+    },
+    isDetail: false,
   }
 ]))
+// 表单校验
+export const UpImageRules = reactive({
+  filePath: [required],
+})
+export const UpImage = useCrudSchemas(reactive<CrudSchema[]>([
+  {
+    label: '上传图片',
+    field: 'filePath',
+    sort: 'custom',
+    isForm: true,
+    form:{
+      component:'UploadImgs',
+
+    }
+  },
+]))
+// 表单校验
+export const UpFileRules = reactive({
+  filePath: [required],
+})
+export const UploadFile = useCrudSchemas(reactive<CrudSchema[]>([
+  {
+    label: '上传文件',
+    field: 'filePath',
+    sort: 'custom',
+    isForm: true,
+    form:{
+      component:'UploadFile',
+
+    }
+  },
+]))
\ No newline at end of file
diff --git a/src/views/eam/device/deviceAccounts/index.vue b/src/views/eam/device/deviceAccounts/index.vue
index c2e4176..85473ec 100644
--- a/src/views/eam/device/deviceAccounts/index.vue
+++ b/src/views/eam/device/deviceAccounts/index.vue
@@ -1,18 +1,22 @@
 <template>
   <ContentWrap>
     <!-- 搜索工作栏 -->
-    <Search :schema="DeviceAccounts.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
+    <Search
+      :schema="DeviceAccounts.allSchemas.searchSchema"
+      @search="setSearchParams"
+      @reset="setSearchParams"
+    />
   </ContentWrap>
 
-    <!-- 列表头部 -->
-    <TableHead
-      :HeadButttondata="HeadButttondata"
-      @button-base-click="buttonBaseClick"
-      :routeName="routeName"
-      @updataTableColumns="updataTableColumns"
-      @searchFormClick="searchFormClick"
-      :allSchemas="DeviceAccounts.allSchemas"
-    />
+  <!-- 列表头部 -->
+  <TableHead
+    :HeadButttondata="HeadButttondata"
+    @button-base-click="buttonBaseClick"
+    :routeName="routeName"
+    @updataTableColumns="updataTableColumns"
+    @searchFormClick="searchFormClick"
+    :allSchemas="DeviceAccounts.allSchemas"
+  />
 
   <!-- 列表 -->
   <ContentWrap>
@@ -27,13 +31,13 @@
       v-model:currentPage="tableObject.currentPage"
       v-model:sort="tableObject.sort"
     >
-      <template #number="{row}">
+      <template #number="{ row }">
         <el-button type="primary" link @click="openDetail(row, '编号', row.number)">
           <span>{{ row.number }}</span>
         </el-button>
       </template>
       <template #action="{ row }">
-        <ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" />
+        <ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event, row)" />
       </template>
     </Table>
   </ContentWrap>
@@ -49,43 +53,62 @@
     @searchTableSuccess="searchTableSuccess"
     :isBusiness="false"
   />
-  
-
-  <SearchTable
-    ref="searchTableRef"
-    @searchTableSuccess="submitItem"
 
-  />
+  <SearchTable ref="searchTableRef" @searchTableSuccess="submitItem" />
 
   <!-- 详情 -->
-  <DetailDeviceLedger 
-    ref="detailRef" 
-    :tabs="DeviceLedgerTabsList" 
-    :isBasic="true" 
-    :allSchemas="allSchemas" 
+  <DetailDeviceLedger
+    ref="detailRef"
+    :tabs="DeviceLedgerTabsList"
+    :subTabs="DeviceLedgerSubTabsList"
+    :isBasic="true"
+    :allSchemas="allSchemas"
     @changeTabs="changeTabs"
-    :detailAllSchemas="detailAllSchemas" 
+    :detailAllSchemas="detailAllSchemas"
     :apiPage="apiPage"
     :tabsExtend="tabsExtend"
     :tableObjectExtend="tableObjectExtend"
+    :imageFormAllSchemas="UpImage.allSchemas"
+    :upImageRules="UpImageRules"
+    :fileFormAllSchemas="UploadFile.allSchemas"
+    :upFileRules="UpFileRules"
+    @uploadImage="uploadImage"
+    @subTabsChick="subTabsChick"
+    @uploadFile="uploadFile"
   />
 
   <!-- 导入 -->
-  <ImportForm ref="importFormRef" url="/eam/device-accounts/import" :importTemplateData="importTemplateData" @success="importSuccess" />
+  <ImportForm
+    ref="importFormRef"
+    url="/eam/device-accounts/import"
+    :importTemplateData="importTemplateData"
+    @success="importSuccess"
+  />
 </template>
 
 <script setup lang="ts">
 import download from '@/utils/download'
-import { DeviceAccounts, DeviceAccountsRules } from './deviceAccounts.data'
+import {
+  DeviceAccounts,
+  DeviceAccountsRules,
+  UpImage,
+  UpImageRules,
+  UploadFile,
+  UpFileRules
+} from './deviceAccounts.data'
 import { Item } from '@/views/eam/basic/item/item.data'
-import { createDeviceItemBatch,getDeviceItemPage } from '@/api/eam/basic/rel'
+import * as ItemApi from '@/api/eam/basic/item'
+import { createDeviceItemBatch, getDeviceItemPage } from '@/api/eam/basic/rel'
 import * as DeviceAccountsApi from '@/api/eam/device/deviceAccounts'
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
 import { DeviceLedgerTabsList } from '@/utils/disposition/tabsList'
 import TableHead from '@/components/TableHead/src/TableHead.vue'
 import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
 import DetailDeviceLedger from '@/components/Detail/src/DetailDeviceLedger.vue'
-import * as ItemApi from '@/api/eam/basic/item'
+import { DeviceRepair } from '@/views/eam/device/deviceRepair/deviceRepair.data'
+import * as deviceRepairApi from '@/api/eam/device/deviceRepair'
+import * as uploadApi from '@/api/eam/upload'
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
 
 defineOptions({ name: 'DeviceAccounts' })
 
@@ -94,13 +117,15 @@ const { t } = useI18n() // 国际化
 
 const route = useRoute() // 路由信息
 const routeName = ref()
-const deviceNumber = ref();
+const deviceNumber = ref()
 routeName.value = route.name
 const tableColumns = ref(DeviceAccounts.allSchemas.tableColumns)
 
-const allSchemas = ref(Item.allSchemas)
+const allSchemas = ref(DeviceAccounts.allSchemas)
 const detailAllSchemas = ref()
 const apiPage = ref()
+const itemCodeRow = ref()
+const tableObjectExtend = ref()
 
 // 查询页面返回
 const searchTableSuccess = (formField, searchField, val, formRef) => {
@@ -130,7 +155,7 @@ const HeadButttondata = [
   defaultButtons.defaultExportBtn(null), // 导出
   defaultButtons.defaultFreshBtn(null), // 刷新
   defaultButtons.defaultFilterBtn(null), // 筛选
-  defaultButtons.defaultSetBtn(null), // 设置
+  defaultButtons.defaultSetBtn(null) // 设置
   // {
   //   label: '自定义扩展按钮',
   //   name: 'zdy',
@@ -143,16 +168,22 @@ const HeadButttondata = [
 
 // 头部按钮事件
 const buttonBaseClick = (val, item) => {
-  if (val == 'add') { // 新增
+  if (val == 'add') {
+    // 新增
     openForm('create')
-  } else if (val == 'import') { // 导入
+  } else if (val == 'import') {
+    // 导入
     handleImport()
-  } else if (val == 'export') { // 导出
+  } else if (val == 'export') {
+    // 导出
     handleExport()
-  } else if (val == 'refresh') { // 刷新
+  } else if (val == 'refresh') {
+    // 刷新
     getList()
-  } else if (val == 'filtrate') { // 筛选
-  } else { // 其他按钮
+  } else if (val == 'filtrate') {
+    // 筛选
+  } else {
+    // 其他按钮
     console.log('其他按钮', item)
   }
 }
@@ -161,15 +192,17 @@ const buttonBaseClick = (val, item) => {
 const butttondata = [
   defaultButtons.mainListEditBtn(null), // 编辑
   // defaultButtons.mainListDeleteBtn(null), // 删除
-  defaultButtons.selectQrCodeBtn(null),//二维码
-  defaultButtons.selectItemBtn(null),//备件
+  defaultButtons.selectQrCodeBtn(null), //二维码
+  defaultButtons.selectItemBtn(null) //备件
 ]
 
 // 列表-操作按钮事件
 const buttonTableClick = async (val, row) => {
-  if (val == 'edit') { // 编辑
+  if (val == 'edit') {
+    // 编辑
     openForm('update', row)
-  } else if (val == 'selectQrCode') { // 二维码
+  } else if (val == 'selectQrCode') {
+    // 二维码
     openQrCode(row.number)
   } else if (val == 'selectItem') {
     openItem(row.number)
@@ -179,23 +212,22 @@ const buttonTableClick = async (val, row) => {
 /** 添加/修改操作 */
 const basicFormRef = ref()
 const openForm = (type: string, row?: any) => {
-
   basicFormRef.value.open(type, row)
 }
 
 // form表单提交
-const formsSuccess = async (formType,data) => {
-  var isHave =DeviceAccounts.allSchemas.formSchema.some(function (item) {
-    return item.field === 'activeTime' || item.field === 'expireTime';
-  });
-  if(isHave){
-    if(data.activeTime && data.expireTime && data.activeTime >=data.expireTime){
+const formsSuccess = async (formType, data) => {
+  var isHave = DeviceAccounts.allSchemas.formSchema.some(function (item) {
+    return item.field === 'activeTime' || item.field === 'expireTime'
+  })
+  if (isHave) {
+    if (data.activeTime && data.expireTime && data.activeTime >= data.expireTime) {
       message.error('失效时间要大于生效时间')
-      return;
+      return
     }
   }
-  if(data.activeTime==0)data.activeTime = null;
-  if(data.expireTime==0)data.expireTime = null;
+  if (data.activeTime == 0) data.activeTime = null
+  if (data.expireTime == 0) data.expireTime = null
   if (formType === 'create') {
     await DeviceAccountsApi.createDeviceAccounts(data)
     message.success(t('common.createSuccess'))
@@ -210,6 +242,7 @@ const formsSuccess = async (formType,data) => {
 /** 详情操作 */
 const detailRef = ref()
 const openDetail = (row: any, titleName: any, titleValue: any) => {
+  itemCodeRow.value = row.number
   detailRef.value.openDetail(row, titleName, titleValue, 'basicDeviceAccounts')
 }
 
@@ -266,13 +299,85 @@ const searchFormClick = (searchData) => {
   getList() // 刷新当前列表
 }
 
+const DeviceLedgerSubTabsList = getStrDictOptions(DICT_TYPE.DEVICE_DOC_TYPE)
+const tabsExtend = ref()
+const funcCode = ref('device_mould_picture')
+// tabs 切换事件
+const changeTabs = (item) => {
+  if (item.prop == 'Image') {
+    tabsExtend.value = 1
+    funcCode.value = 'device_mould_picture'
+    // apiPage.value = CustomeritemApi.getCustomeritemPage
+    // detailAllSchemas.value = Customeritem.allSchemas
+  } else if (item.prop == 'Word') {
+    tabsExtend.value = 2
+    funcCode.value = 'device_mould_attachment'
+    apiPage.value = PurchaseDetailApi.getPurchaseDetailPage
+    detailAllSchemas.value = PurchaseMain.allSchemas
+  } else if (item.prop == 'Part') {
+    tabsExtend.value = 3
+    apiPage.value = deviceRepairApi.getDeviceRepairPage
+    detailAllSchemas.value = DeviceRepair.allSchemas
+  } else if (item.prop == 'DeviceReportRecord') {
+    tabsExtend.value = 3
+    apiPage.value = BalanceApi.getBalancePage
+    detailAllSchemas.value = Balance.allSchemas
+  } else if (item.prop == 'RepairRecord') {
+    tabsExtend.value = 3
+    apiPage.value = ExpectinApi.getExpectinPage
+    detailAllSchemas.value = Expectin.allSchemas
+  } else if (item.prop == 'MaintenanceRecord') {
+    tabsExtend.value = 3
+    apiPage.value = ExpectinApi.getExpectinPage
+    detailAllSchemas.value = Expectin.allSchemas
+  }
+  detailAllSchemas.value.tableColumns.map((item, index) => {
+    if (item.field == 'action') {
+      detailAllSchemas.value.tableColumns.splice(index, 1)
+    }
+  })
+  // 当前物料代码作为条件
+  tableObjectExtend.value = [
+    {
+      key: 'itemCode',
+      value: itemCodeRow.value
+    }
+  ]
+}
+const uploadImage = (number, filePath, fileBusiType) => {
+  let data = {
+    number,
+    filePathList: filePath,
+    funcCode: funcCode.value,
+    fileBusiType: fileBusiType ? fileBusiType : ''
+  }
+  uploadApi.uploadImage(data).then((res) => {
+    console.log(res)
+  })
+}
+// 二级切换事件
+const fileBusiType = ref()
+const subTabsChick = (e) => {
+  fileBusiType.value = e
+}
+// 上传文件
+const uploadFile = (number, filePath, fileBusiType) => {
+  let data = {
+    number,
+    filePathList: filePath,
+    funcCode: funcCode.value,
+    fileBusiType: fileBusiType ? fileBusiType : ''
+  }
+  uploadApi.uploadImage(data).then((res) => {
+    console.log(res)
+  })
+}
 /** 初始化 **/
 onMounted(async () => {
   getList()
   importTemplateData.templateUrl = await DeviceAccountsApi.importTemplate()
 })
 
-
 /** 二维码 */
 const openQrCode = async (number: String) => {
   // const data = await DeviceAccountsApi.getQrCode(number)
@@ -297,26 +402,37 @@ const openQrCode = async (number: String) => {
 const searchTableRef = ref()
 /** 绑定备件操作 */
 const openItem = async (number: String) => {
-  deviceNumber.value = number;
-  searchTableRef.value.open("选择备件",Item.allSchemas,getDeviceItemList,null,Item.allSchemas.searchSchema,true,null, null, null, null);
+  deviceNumber.value = number
+  searchTableRef.value.open(
+    '选择备件',
+    Item.allSchemas,
+    getDeviceItemList,
+    null,
+    Item.allSchemas.searchSchema,
+    true,
+    null,
+    null,
+    null,
+    null
+  )
 }
 
 const submitItem = async (formFieldRef, searchFieldRef, selections, typeRef, rowRef) => {
-  const deviceItemRelList = selections.map(element => ({
+  const deviceItemRelList = selections.map((element) => ({
     deviceNumber: deviceNumber.value,
-    itemNumber: element.number,
-  }));
-  createDeviceItemBatch(deviceItemRelList).then(res => {
-    console.log('res', res);
+    itemNumber: element.number
+  }))
+  createDeviceItemBatch(deviceItemRelList).then((res) => {
+    console.log('res', res)
   })
-  console.log('deviceItemRelList', deviceItemRelList);
-};
+  console.log('deviceItemRelList', deviceItemRelList)
+}
 
 const getItemWithOutBind = async () => {
   try {
     const res = await ItemApi.getItemPage({
       ...Item.allSchemas.searchSchema
-    });
+    })
     if (res.list?.length > 0) {
       // const response = await getDeviceItemPage(DeviceAccounts.allSchemas.searchSchema);
       // const filteredList = res.list.filter(item => {
@@ -325,32 +441,30 @@ const getItemWithOutBind = async () => {
       //   });
       // });
       // console.log('filteredList',filteredList);
-      const filteredList = res.list;
-      return filteredList; // 返回过滤后的列表
+      const filteredList = res.list
+      return filteredList // 返回过滤后的列表
     }
-    return []; // 如果没有数据，返回空数组
+    return [] // 如果没有数据，返回空数组
   } catch (error) {
-    console.error(error);
-    throw error; // 抛出错误
+    console.error(error)
+    throw error // 抛出错误
   }
-};
+}
 
 // 将 getListApi 替换为 getItemWithOutBind
 const getDeviceItemList = async () => {
-  tableObject.loading = true;
+  tableObject.loading = true
   try {
-    const res = await getItemWithOutBind();
+    const res = await getItemWithOutBind()
     let result = {
-      list : res,
-      total : res.length,
+      list: res,
+      total: res.length
     }
-    return result;
+    return result
   } catch (error) {
-    console.error(error);
+    console.error(error)
   } finally {
-    tableObject.loading = false;
+    tableObject.loading = false
   }
-};
-
-
+}
 </script>
diff --git a/src/views/eam/device/deviceMaintenanceMain/deviceMaintenanceMain.data.ts b/src/views/eam/device/deviceMaintenanceMain/deviceMaintenanceMain.data.ts
index 39eda72..65b9618 100644
--- a/src/views/eam/device/deviceMaintenanceMain/deviceMaintenanceMain.data.ts
+++ b/src/views/eam/device/deviceMaintenanceMain/deviceMaintenanceMain.data.ts
@@ -199,6 +199,7 @@ export const DeviceMaintenanceMain = useCrudSchemas(reactive<CrudSchema[]>([
     isDetail:false
   }
 ]))
+
 export const DeviceMaintenanceDetail = useCrudSchemas(reactive<CrudSchema[]>([
   {
     label: '故障描述',