(no commit message provided)

Co-authored-by: aider (openai/DeepSeek-V3.2-Thinking) <aider@aider.chat>

inventory-web/src/views/stock/inbound/service.vue

@@ -83,12 +83,20 @@
     <el-dialog
       v-model="dialogVisible"
       :title="dialogTitle"
-      width="500px"
+      width="700px"
       @close="resetDialog"
     >
       <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <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="10">
+                <el-col :span="24">
                   <el-form-item label="物料搜索" prop="base_id" class="highlight-label">
                     <el-select
                         v-model="form.base_id"
@@ -117,7 +125,7 @@
                     </el-select>
                   </el-form-item>
                 </el-col>
-          <el-col :span="14" style="display: flex; align-items: center;">
+                <el-col :span="24" style="margin-top: -10px; margin-bottom: 10px;">
                   <span class="search-tip">
                     <el-icon><InfoFilled/></el-icon> 未输入时展示最新物料；输入关键词进行精确搜索。
                   </span>
@@ -133,6 +141,15 @@
                   <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"
@@ -157,6 +174,9 @@
                   placeholder="请输入服务简介"
                 />
               </el-form-item>
+            </div>
+          </div>
+        </div>
       </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>