diff --git a/src/views/business/subpackage/record/edit.vue b/src/views/business/subpackage/record/edit.vue
index be7703f..c73714b 100644
--- a/src/views/business/subpackage/record/edit.vue
+++ b/src/views/business/subpackage/record/edit.vue
@@ -8,9 +8,38 @@
 import { detail } from '@/api/business/subpackage/record'
 import { fetchApproval, submitApproval } from '@/api/approval'
 import showPhoto from '@/views/system/tool/showPhoto.vue'
+import type { IMenu } from '@/components/buttonBox/buttonBox'
+import ButtonBox from '@/components/buttonBox/buttonBox.vue'
 const $route = useRoute()
 const $router = useRouter()
 const query = $route.query
+const menu = ref<IMenu[]>([
+  {
+    name: '基本信息',
+    id: '0',
+  },
+  {
+    name: '分包方人员',
+    id: '1',
+  },
+  {
+    name: '业务能力',
+    id: '2',
+  },
+  {
+    name: '项目记录',
+    id: '3',
+  },
+  {
+    name: '合同记录',
+    id: '4',
+  },
+  {
+    name: '检定证书',
+    id: '5',
+  },
+]) // 详情按钮组合
+const active = ref('')
 const detailForm = ref<IRecordDetail>({
   addressArea: '', // 公司地址-区编码
   addressAreaName: '', // 公司地址-区
@@ -112,10 +141,18 @@
 const upload = () => {
   fileRef.value.click()
 }
+
+// 切换tab状态
+const changeCurrentButton = (val: string) => {
+  console.log(val)
+  active.value = val
+}
+
 onMounted(() => {
   if (query.title !== '新建') {
     getDetail()
   }
+  active.value = '0'
 })
 </script>
 
@@ -142,44 +179,14 @@
       >
         <el-row :gutter="24">
           <el-col :span="6">
-            <el-form-item label="分包方编号:" prop="projectNo">
+            <el-form-item label="分包方编号:" prop="outsourcerNo">
               <el-input
-                v-model="detailForm.website" disabled
+                v-model="detailForm.outsourcerNo" disabled
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="公司名称:" prop="projectName">
-              <el-input
-                v-model="detailForm.website"
-                :disabled="query.title === '详情'"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="公司简称:" prop="applicantName">
-              <el-input
-                v-model="detailForm.website" disabled
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="业务内容:" prop="website">
-              <el-input
-                v-model="detailForm.website" disabled
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="公司规模:" prop="outsourcerId">
-              <el-input
-                v-model="detailForm.website"
-                :disabled="query.title === '详情'"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="业务规模:" prop="outsourcerName">
+            <el-form-item label="公司名称:" prop="outsourcerName">
               <el-input
                 v-model="detailForm.outsourcerName"
                 :disabled="query.title === '详情'"
@@ -187,73 +194,103 @@
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="履约评级:" prop="website">
+            <el-form-item label="公司简称:" prop="outsourcerBriefName">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.outsourcerBriefName" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="业务内容:" prop="businessContent">
+              <el-input
+                v-model="detailForm.businessContent" disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公司规模:" prop="outsourcerSize">
+              <el-input
+                v-model="detailForm.outsourcerSize"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="整体评价:" prop="website">
+            <el-form-item label="业务规模:" prop="businessSize">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.businessSize"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="税号:" prop="website">
+            <el-form-item label="履约评级:" prop="grade">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.grade"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="银行账户名:" prop="website">
+            <el-form-item label="整体评价:" prop="evaluation">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.evaluation"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="银行名称:" prop="website">
+            <el-form-item label="税号:" prop="taxNumber">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.taxNumber"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="银行名称:" prop="website">
+            <el-form-item label="银行账户名:" prop="bankAccount">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.bankAccount"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="邮编:" prop="website">
+            <el-form-item label="银行名称:" prop="bankName">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.bankName"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="负责人:" prop="website">
+            <el-form-item label="银行账号:" prop="bankAccountNumber">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.bankAccountNumber"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="电话:" prop="website">
+            <el-form-item label="邮编:" prop="postalCode">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.postalCode"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="负责人:" prop="director">
+              <el-input
+                v-model="detailForm.director"
+                :disabled="query.title === '详情'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="电话:" prop="phone">
+              <el-input
+                v-model="detailForm.phone"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
@@ -267,17 +304,17 @@
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="手机:" prop="website">
+            <el-form-item label="手机:" prop="mobile">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.mobile"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="邮箱:" prop="website">
+            <el-form-item label="邮箱:" prop="email">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.email"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
@@ -292,6 +329,7 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="公司地址:" prop="website">
+              <!-- todo -->
               <el-input
                 v-model="detailForm.website"
                 :disabled="query.title === '详情'"
@@ -301,6 +339,7 @@
           <el-col :span="6" />
           <el-col :span="12">
             <el-form-item label="开票用地址:" prop="website">
+              <!-- todo -->
               <el-input
                 v-model="detailForm.website"
                 :disabled="query.title === '详情'"
@@ -309,18 +348,18 @@
           </el-col>
           <el-col :span="6" />
           <el-col :span="12">
-            <el-form-item label="公司业务范围:" prop="website">
+            <el-form-item label="公司业务范围:" prop="businessScope">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.businessScope"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
           </el-col>
           <el-col :span="6" />
           <el-col :span="12">
-            <el-form-item label="备注:" prop="website">
+            <el-form-item label="备注:" prop="remark">
               <el-input
-                v-model="detailForm.website"
+                v-model="detailForm.remark"
                 :disabled="query.title === '详情'"
               />
             </el-form-item>
@@ -342,6 +381,7 @@
         </el-row>
       </el-form>
     </detail-page>
+    <button-box :active="active" :menu="menu" @change-current-button="changeCurrentButton" />
   </app-container>
 </template>