企业模型配置页面

src/views/enterpriseModelConfig/components/AddModelDialog.vue

@@ -56,7 +56,7 @@
       <!-- 第二步：基本配置 -->
       <div v-if="currentStep === 2">
         <el-form-item label="模型名称" prop="modelName">
-          <el-input v-model="form.step2.modelName" placeholder="请输入模型名称，如：智能客服助手" />
+          <el-input v-model="form.step2.modelName" placeholder="请输入模型名称，如：OPENAI" />
           <p class="form-tip">给模型起一个易于识别的名字，便于在企业内部使用</p>
         </el-form-item>
 

src/views/enterpriseModelConfig/index.vue

@@ -15,54 +15,67 @@
     </el-card>
 
     <!-- 筛选器 -->
-    <el-row :gutter="20" style="margin-bottom: 20px">
-      <!-- 新增配置和导出按钮 -->
-      <el-col :span="4" style="margin-left: 20px">
-        <div class="button-group">
-          <el-button type="primary" @click="openAddDialog">+ 新增配置</el-button>
-          <el-button>导出</el-button>
-        </div>
-      </el-col>
-
+    <el-row :gutter="10" style="margin-bottom: 5px">
       <!-- 搜索区域 -->
       <el-col :span="16">
         <el-form inline :model="queryParams" label-width="100px">
           <el-form-item label="模型名称">
-            <el-input v-model="queryParams.modelName" placeholder="请输入模型名称" style="width: 240px" />
+            <el-input v-model="queryParams.modelName" placeholder="请输入模型名称" style="width: 120px" />
           </el-form-item>
           <el-form-item label="模型类型">
-            <el-select v-model="queryParams.modelType" placeholder="请选择" style="width: 240px">
+            <el-select v-model="queryParams.modelType" placeholder="请选择" style="width: 120px">
               <el-option label="LLM" value="LLM" />
               <el-option label="多模态" value="MULTIMODAL" />
               <el-option label="OCR" value="OCR" />
             </el-select>
           </el-form-item>
           <el-form-item label="状态">
-            <el-select v-model="queryParams.status" placeholder="请选择" style="width: 240px">
+            <el-select v-model="queryParams.status" placeholder="请选择" style="width: 120px">
               <el-option label="全部" value="" />
               <el-option label="启用" value="1" />
               <el-option label="禁用" value="0" />
             </el-select>
           </el-form-item>
           <el-form-item label="创建人">
-            <el-input v-model="queryParams.creator" placeholder="请输入创建人" style="width: 240px" />
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" @click="handleQuery">搜索</el-button>
-            <el-button @click="resetQuery">重置</el-button>
+            <el-input v-model="queryParams.creator" placeholder="请输入创建人" style="width: 120px" />
           </el-form-item>
+
         </el-form>
       </el-col>
     </el-row>
-
+    <el-row :gutter="10" style="margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;">
+      <el-form style="width: 100%;margin-left:10px">
+        <div style="display: flex; justify-content: space-between; align-items: center;">
+          <!-- 左侧搜索项 -->
+          <div style="flex: 1; display: flex; align-items: center;">
+            <el-form-item style="margin-bottom: 0;">
+              <div class="button-group">
+                <el-button type="primary" @click="openAddDialog">+ 新增配置</el-button>
+                <el-button>导出</el-button>
+              </div>
+            </el-form-item>
+
+          </div>
+
+          <!-- 右侧按钮组 -->
+          <div style="text-align: right; flex-shrink: 0;">
+            <el-form-item style="margin-bottom: 0;">
+              <el-button type="primary" @click="handleQuery">搜索</el-button>
+              <el-button @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+    </el-row>
     <!-- 环境筛选 -->
     <el-row :gutter="20" style="margin-bottom: 20px">
-      <el-col :span="4" style="margin-left: 20px">
+      <el-col :span="8" style="margin-left: 20px">
+        <span style="margin-right:10px">环境</span>
         <el-radio-group v-model="queryParams.env" size="large">
-          <el-radio-button label="">全部</el-radio-button>
-          <el-radio-button label="PROD">生产</el-radio-button>
-          <el-radio-button label="TEST">测试</el-radio-button>
-          <el-radio-button label="DEV">开发</el-radio-button>
+          <el-radio label="">全部</el-radio>
+          <el-radio label="PROD">生产</el-radio>
+          <el-radio label="TEST">测试</el-radio>
+          <el-radio label="DEV">开发</el-radio>
         </el-radio-group>
       </el-col>
     </el-row>