diff --git a/inventory-web/src/views/stock/inbound/service.vue b/inventory-web/src/views/stock/inbound/service.vue
index 77b9517..0542b36 100644
--- a/inventory-web/src/views/stock/inbound/service.vue
+++ b/inventory-web/src/views/stock/inbound/service.vue
@@ -83,80 +83,100 @@
     <el-dialog
       v-model="dialogVisible"
       :title="dialogTitle"
-      width="500px"
+      width="700px"
       @close="resetDialog"
     >
       <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
-        <el-row :gutter="24" v-if="dialogStatus === 'create'" style="margin-bottom: 15px;">
-          <el-col :span="10">
-            <el-form-item label="物料搜索" prop="base_id" class="highlight-label">
-              <el-select
-                  v-model="form.base_id"
-                  filterable
-                  remote
-                  reserve-keyword
-                  placeholder="输入名称或规格..."
-                  :remote-method="handleSearchMaterial"
-                  @visible-change="handleMaterialDropdownVisible"
-                  :loading="searchLoading"
-                  style="width: 100%"
-                  @change="onMaterialSelected"
-                  default-first-option
-              >
-                <el-option
-                    v-for="item in materialOptions"
-                    :key="item.id"
-                    :label="item.name"
-                    :value="item.id"
-                >
-                  <div class="option-item">
-                    <span class="opt-name">{{ item.name }}</span>
-                    <span class="opt-spec">{{ item.spec }}</span>
-                  </div>
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="14" style="display: flex; align-items: center;">
-            <span class="search-tip">
-              <el-icon><InfoFilled/></el-icon> 未输入时展示最新物料；输入关键词进行精确搜索。
-            </span>
-          </el-col>
-        </el-row>
+        <div class="dialog-scroll-container">
+          <div class="form-card basic-card">
+            <div class="card-title">
+              <el-icon class="icon"><Box /></el-icon>
+              <span>1. 基础信息</span>
+              <span class="sub-title" v-if="dialogStatus === 'create'"> (请先搜索锁定物料)</span>
+            </div>
+            <div class="card-content">
+              <el-row :gutter="24" v-if="dialogStatus === 'create'" style="margin-bottom: 15px;">
+                <el-col :span="24">
+                  <el-form-item label="物料搜索" prop="base_id" class="highlight-label">
+                    <el-select
+                        v-model="form.base_id"
+                        filterable
+                        remote
+                        reserve-keyword
+                        placeholder="输入名称或规格..."
+                        :remote-method="handleSearchMaterial"
+                        @visible-change="handleMaterialDropdownVisible"
+                        :loading="searchLoading"
+                        style="width: 100%"
+                        @change="onMaterialSelected"
+                        default-first-option
+                    >
+                      <el-option
+                          v-for="item in materialOptions"
+                          :key="item.id"
+                          :label="item.name"
+                          :value="item.id"
+                      >
+                        <div class="option-item">
+                          <span class="opt-name">{{ item.name }}</span>
+                          <span class="opt-spec">{{ item.spec }}</span>
+                        </div>
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="24" style="margin-top: -10px; margin-bottom: 10px;">
+                  <span class="search-tip">
+                    <el-icon><InfoFilled/></el-icon> 未输入时展示最新物料；输入关键词进行精确搜索。
+                  </span>
+                </el-col>
+              </el-row>
 
-        <div class="read-only-grid" v-if="form.base_id">
-          <el-row :gutter="20">
-            <el-col :span="8"><el-form-item label="名称"><el-input v-model="form.material_name" disabled class="is-text-view"/></el-form-item></el-col>
-            <el-col :span="8"><el-form-item label="类型"><el-input v-model="form.material_type" disabled class="is-text-view"/></el-form-item></el-col>
-            <el-col :span="8"><el-form-item label="类别"><el-input v-model="form.category" disabled class="is-text-view"/></el-form-item></el-col>
-            <el-col :span="8"><el-form-item label="规格型号"><el-input v-model="form.spec_model" disabled class="is-text-view"/></el-form-item></el-col>
-            <el-col :span="8"><el-form-item label="单位"><el-input v-model="form.unit" disabled class="is-text-view"/></el-form-item></el-col>
-          </el-row>
+              <div class="read-only-grid" v-if="form.base_id">
+                <el-row :gutter="20">
+                  <el-col :span="8"><el-form-item label="名称"><el-input v-model="form.material_name" disabled class="is-text-view"/></el-form-item></el-col>
+                  <el-col :span="8"><el-form-item label="类型"><el-input v-model="form.material_type" disabled class="is-text-view"/></el-form-item></el-col>
+                  <el-col :span="8"><el-form-item label="类别"><el-input v-model="form.category" disabled class="is-text-view"/></el-form-item></el-col>
+                  <el-col :span="8"><el-form-item label="规格型号"><el-input v-model="form.spec_model" disabled class="is-text-view"/></el-form-item></el-col>
+                  <el-col :span="8"><el-form-item label="单位"><el-input v-model="form.unit" disabled class="is-text-view"/></el-form-item></el-col>
+                </el-row>
+              </div>
+            </div>
+          </div>
+
+          <div class="form-card inbound-card">
+            <div class="card-title">
+              <el-icon class="icon"><House /></el-icon>
+              <span>2. 服务详情</span>
+            </div>
+            <div class="card-content">
+              <el-form-item label="售价" prop="sale_price">
+                <el-input-number
+                  v-model="form.sale_price"
+                  placeholder="请输入售价"
+                  :controls="false"
+                  :precision="2"
+                  :min="0"
+                  style="width: 100%;"
+                />
+              </el-form-item>
+              <el-form-item label="服务商" prop="provider_name">
+                <el-input
+                  v-model="form.provider_name"
+                  placeholder="请输入服务商名称"
+                />
+              </el-form-item>
+              <el-form-item label="简介" prop="description">
+                <el-input
+                  v-model="form.description"
+                  type="textarea"
+                  :rows="3"
+                  placeholder="请输入服务简介"
+                />
+              </el-form-item>
+            </div>
+          </div>
         </div>
-        <el-form-item label="售价" prop="sale_price">
-          <el-input-number
-            v-model="form.sale_price"
-            placeholder="请输入售价"
-            :controls="false"
-            :precision="2"
-            :min="0"
-            style="width: 100%;"
-          />
-        </el-form-item>
-        <el-form-item label="服务商" prop="provider_name">
-          <el-input
-            v-model="form.provider_name"
-            placeholder="请输入服务商名称"
-          />
-        </el-form-item>
-        <el-form-item label="简介" prop="description">
-          <el-input
-            v-model="form.description"
-            type="textarea"
-            :rows="3"
-            placeholder="请输入服务简介"
-          />
-        </el-form-item>
       </el-form>
       <template #footer>
         <span class="dialog-footer">
@@ -170,7 +190,7 @@
 
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
-import { InfoFilled } from '@element-plus/icons-vue'
+import { InfoFilled, Box, House } from '@element-plus/icons-vue'
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import {
@@ -399,3 +419,75 @@ onMounted(() => {
   loadData()
 })
 </script>
+
+<style scoped>
+.dialog-scroll-container {
+  padding: 15px 20px;
+  max-height: 70vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.form-card {
+  background: #fff;
+  border-radius: 8px;
+  border: 1px solid #e4e7ed;
+  margin-bottom: 15px;
+  overflow: hidden;
+}
+.card-title {
+  background: #fcfcfc;
+  padding: 10px 20px;
+  border-bottom: 1px solid #ebeef5;
+  font-weight: 600;
+  font-size: 14px;
+  color: #303133;
+  display: flex;
+  align-items: center;
+}
+.card-title .icon {
+  margin-right: 8px;
+  font-size: 18px;
+  color: #409EFF;
+}
+.card-title .sub-title {
+  font-size: 12px;
+  color: #909399;
+  font-weight: normal;
+  margin-left: 10px;
+}
+.card-content {
+  padding: 15px 20px;
+}
+.basic-card {
+  border-left: 4px solid #409EFF;
+}
+.inbound-card {
+  border-left: 4px solid #67C23A;
+}
+.is-text-view :deep(.el-input__wrapper) {
+  box-shadow: none !important;
+  background-color: #f5f7fa;
+  border-bottom: 1px solid #dcdfe6;
+  border-radius: 0;
+  padding-left: 0;
+}
+.is-text-view :deep(.el-input__inner) {
+  color: #606266;
+  font-weight: 500;
+  font-size: 13px;
+}
+.read-only-grid {
+  margin-top: 15px;
+}
+.search-tip {
+  color: #909399;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.highlight-label :deep(.el-form-item__label) {
+  font-weight: 600;
+  color: #409EFF;
+}
+</style>