style:优化多个组件的样式和布局

- 调整了多个组件的输入框、按钮等元素的样式
- 优化了部分布局结构，提高了页面的可读性和易用性
- 统一了表单项的样式和间距
- 简化了部分代码结构，提高了代码的可维护性

src/views/app/layout/layout.vue

@@ -63,11 +63,13 @@ export default {
   position: relative;
   height: 100%;
   width: 100%;
+
   &.mobile.openSidebar {
     position: fixed;
     top: 0;
   }
 }
+
 .drawer-bg {
   background: #000;
   opacity: 0.3;

src/views/intelligent-agent/index.vue

@@ -79,23 +79,18 @@ export default {
 </script>
 
 <template>
-  <div class="container">
+  <div class="render-container">
     <!-- header 头部 -->
     <nav v-if="true">
       <div class="flex align-items-c justify-content-b">
-        <el-input
-          placeholder="输入智能体名称"
-          clearable
-          v-model="searchOption.nameLike"
-          size="medium"
-          class="underBorder"
-          @keydown.enter.native="searchOption.handleSearch"
-        >
+        <el-input placeholder="输入智能体名称" clearable v-model="searchOption.nameLike" size="medium" class="underBorder"
+          @keydown.enter.native="searchOption.handleSearch">
           <template slot="prepend">
             <el-button slot="append" icon="el-icon-search"></el-button>
           </template>
         </el-input>
-        <el-button size="medium" class="line-button pv8 ph10" icon="el-icon-plus" @click="createdIntelligentAgent()">创建智能体</el-button>
+        <el-button size="medium" class="line-button pv8 ph10" icon="el-icon-plus"
+          @click="createdIntelligentAgent()">创建智能体</el-button>
       </div>
       <h3>智能体</h3>
     </nav>
@@ -114,10 +109,10 @@ export default {
             </section>
 
             <el-row type="flex" justify="end">
-              <el-button class="default render-button" size="small" icon="el-icon-delete" @click.stop="handleDeleteAgent(listItem.id)">删除</el-button>
-              <el-button class="render-button line-button" size="small" icon="el-icon-edit" @click.stop="handleEditAgent(listItem.id)" type="primary"
-                >修改</el-button
-              >
+              <el-button class="default render-button" size="small" icon="el-icon-delete"
+                @click.stop="handleDeleteAgent(listItem.id)">删除</el-button>
+              <el-button class="render-button line-button" size="small" icon="el-icon-edit"
+                @click.stop="handleEditAgent(listItem.id)" type="primary">修改</el-button>
             </el-row>
           </el-card>
         </el-col>

src/views/knowledge/detail/create.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="render-container create-container">
+  <div class="render-container">
     <div slot="header" class="clearfix">
       <h3>创建知识库</h3>
     </div>

src/views/rules/Index.vue

@@ -229,8 +229,7 @@ export default {
 </script>
 
 <template>
-  <div class="rules-container container">
-    <el-card shadow="hover">
+  <div class="rules-container render-container">
     <div class="card-body">
       <el-form :model="form" label-width="100px" size="small">
         <!-- 查询条件 -->
@@ -240,7 +239,8 @@ export default {
             <el-form-item label="规则类型">
               <el-select v-model="form.ruleType" placeholder="请选择规则类型">
                 <el-option label="全部规则" value="">全部规则</el-option>
-                  <el-option v-for="item in tableConfig.ruleType" :key="item" :label="item" :value="reverseRuleType(item)" />
+                <el-option v-for="item in tableConfig.ruleType" :key="item" :label="item"
+                  :value="reverseRuleType(item)" />
               </el-select>
             </el-form-item>
           </el-col>
@@ -253,15 +253,8 @@ export default {
           <!-- 创建时间 -->
           <el-col :span="6">
             <el-form-item label="创建时间">
-                <el-date-picker
-                  v-model="form.createdDate"
-                  type="daterange"
-                  unlink-panels
-                  range-separator="-"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  :picker-options="form.pickerOptions"
-                >
+              <el-date-picker v-model="form.createdDate" type="daterange" unlink-panels range-separator="-"
+                start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="form.pickerOptions">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -280,19 +273,14 @@ export default {
 
     <!-- 下方规则列表 -->
     <div class="p20">
-        <r-table
-          :columns="tableConfig.columns"
-          :data="tableData"
-          :deletion="false"
-          :total="tableConfig.total"
-          @currentChange="handleCurrentChange"
-          @sizeChange="handleSizeChange"
-          :currentPage="tableConfig.currentPage"
-          :pageSize="tableConfig.pageSize"
-        />
+      <r-table :columns="tableConfig.columns" :data="tableData" :deletion="false" :total="tableConfig.total"
+        @currentChange="handleCurrentChange" @sizeChange="handleSizeChange" :currentPage="tableConfig.currentPage"
+        :pageSize="tableConfig.pageSize" />
     </div>
     </el-card>
-    <edit-prompt-rule ref="editPromptRule" v-if="dialogOptions.currentComponent === 'EditPromptRule'" @getDataList="handleQuery" />
-    <edit-split-rule ref="editSplitRule" v-else-if="dialogOptions.currentComponent === 'EditSplitRule'" @getDataList="handleQuery" />
+    <edit-prompt-rule ref="editPromptRule" v-if="dialogOptions.currentComponent === 'EditPromptRule'"
+      @getDataList="handleQuery" />
+    <edit-split-rule ref="editSplitRule" v-else-if="dialogOptions.currentComponent === 'EditSplitRule'"
+      @getDataList="handleQuery" />
   </div>
 </template>

src/views/system/menu/index.vue

@@ -1,28 +1,13 @@
 <template>
-  <div class="department-manage">
-    <el-card>
+  <div class="department-manage render-container">
     <div class="filter-container">
       <div class="flex align-items-c justify-content-b">
-          <el-form
-            :model="queryParams"
-            label-width="100px"
-            label-position="top"
-            ref="queryParams"
-            inline
-          >
+        <el-form :model="queryParams" label-width="100px" label-position="top" ref="queryParams" inline>
           <el-form-item label="菜单编码" prop="menuCodeLike">
-              <el-input
-                v-model="queryParams.menuCodeLike"
-                size="medium"
-                placeholder="请输入菜单编码"
-              ></el-input>
+            <el-input v-model="queryParams.menuCodeLike" size="medium" placeholder="请输入菜单编码"></el-input>
           </el-form-item>
           <el-form-item label="菜单名称" prop="menuNameLike">
-              <el-input
-                v-model="queryParams.menuNameLike"
-                size="medium"
-                placeholder="请输入菜单名称"
-              ></el-input>
+            <el-input v-model="queryParams.menuNameLike" size="medium" placeholder="请输入菜单名称"></el-input>
           </el-form-item>
           <el-form-item label="菜单类型" prop="type">
             <el-select v-model="queryParams.type" size="medium">
@@ -33,37 +18,19 @@
           </el-form-item>
         </el-form>
         <div class="mt15 flex align-items-c justify-content-b">
-            <el-button size="medium" type="primary" @click="handleQuery"
-              >查询</el-button
-            >
+          <el-button size="medium" type="primary" @click="handleQuery">查询</el-button>
           <el-button size="medium" @click="resetQuery">重置</el-button>
-            <el-button size="medium" type="primary" @click="handleAdd"
-              >新增</el-button
-            >
+          <el-button size="medium" type="primary" @click="handleAdd">新增</el-button>
         </div>
       </div>
     </div>
-      <r-table
-        :columns="tableConfig.columns"
-        :data="tableData"
-        :deletion="false"
-        :total="tableConfig.total"
-        @currentChange="handleCurrentChange"
-        @sizeChange="handleSizeChange"
-        :currentPage="tableConfig.currentPage"
-        :pageSize="tableConfig.pageSize"
-      />
-    </el-card>
+    <r-table :columns="tableConfig.columns" :data="tableData" :deletion="false" :total="tableConfig.total"
+      @currentChange="handleCurrentChange" @sizeChange="handleSizeChange" :currentPage="tableConfig.currentPage"
+      :pageSize="tableConfig.pageSize" />
 
     <!-- 菜单新增 编辑 弹窗 -->
-    <menu-dialog
-      :visible.sync="dialogVisible"
-      :title="dialogTitle"
-      :is-edit="isEdit"
-      :is-view="isView"
-      :menu-data="currentMenuData"
-      @submit="handleSubmit"
-    />
+    <menu-dialog :visible.sync="dialogVisible" :title="dialogTitle" :is-edit="isEdit" :is-view="isView"
+      :menu-data="currentMenuData" @submit="handleSubmit" />
   </div>
 </template>
 

src/views/system/role/index.vue

@@ -1,92 +1,42 @@
 <template>
-  <div class="role-manage">
-    <el-card>
+  <div class="role-manage render-container">
+    <section>
       <div class="filter-container">
         <div class="flex align-items-c justify-content-b">
-          <el-form
-            :model="queryParams"
-            label-width="100px"
-            label-position="top"
-            ref="queryParams"
-            inline
-          >
+          <el-form :model="queryParams" label-width="100px" label-position="top" ref="queryParams" inline>
             <el-form-item label="角色名称">
-              <el-input
-                v-model="queryParams.roleNameLike"
-                placeholder="请输入角色名称"
-                clearable
-                size="small"
-              />
+              <el-input v-model="queryParams.roleNameLike" placeholder="请输入角色名称" clearable size="small" />
             </el-form-item>
             <el-form-item label="角色编码">
-              <el-input
-                v-model="queryParams.roleCodeLike"
-                placeholder="请输入角色编码"
-                clearable
-                size="small"
-              />
+              <el-input v-model="queryParams.roleCodeLike" placeholder="请输入角色编码" clearable size="small" />
             </el-form-item>
           </el-form>
           <div class="mt15 flex align-items-c justify-content-b">
-            <el-button type="primary" size="medium" @click="handleQuery"
-              >查询</el-button
-            >
-            <el-button type="primary" plain size="medium" @click="resetQuery"
-              >重置</el-button
-            >
-            <el-button type="primary" plain size="medium" @click="handleAdd"
-              >新增</el-button
-            >
+            <el-button type="primary" size="medium" @click="handleQuery">查询</el-button>
+            <el-button type="primary" plain size="medium" @click="resetQuery">重置</el-button>
+            <el-button type="primary" plain size="medium" @click="handleAdd">新增</el-button>
           </div>
         </div>
       </div>
 
-      <r-table
-        :columns="tableConfig.columns"
-        :data="tableData"
-        :deletion="false"
-        :total="tableConfig.total"
-        @currentChange="handleCurrentChange"
-        @sizeChange="handleSizeChange"
-        :currentPage="tableConfig.currentPage"
-        :pageSize="tableConfig.pageSize"
-      />
-    </el-card>
+      <r-table :columns="tableConfig.columns" :data="tableData" :deletion="false" :total="tableConfig.total"
+        @currentChange="handleCurrentChange" @sizeChange="handleSizeChange" :currentPage="tableConfig.currentPage"
+        :pageSize="tableConfig.pageSize" />
+    </section>
 
     <!-- 角色新增弹窗 -->
-    <role-dialog
-      :visible.sync="dialogVisible"
-      :title="dialogTitle"
-      :is-edit="isEdit"
-      :is-view="isView"
-      :role-data="currentRoleData"
-      @submit="handleSubmit"
-    />
+    <role-dialog :visible.sync="dialogVisible" :title="dialogTitle" :is-edit="isEdit" :is-view="isView"
+      :role-data="currentRoleData" @submit="handleSubmit" />
 
     <!-- 角色权限 抽屉 -->
-    <el-drawer
-      :visible.sync="permissionDrawer.visible"
-      :title="permissionDrawer.title"
-      size="60%"
-    >
-      <el-tree
-        ref="menuTreeRef"
-        :data="menuTree"
-        show-checkbox
-        node-key="id"
-        default-expand-all
-        :props="defaultProps"
-        @check="handleCheckChange"
-      >
+    <el-drawer :visible.sync="permissionDrawer.visible" :title="permissionDrawer.title" size="60%">
+      <el-tree ref="menuTreeRef" :data="menuTree" show-checkbox node-key="id" default-expand-all :props="defaultProps"
+        @check="handleCheckChange">
       </el-tree>
       <el-row>
         <el-col :span="6">
-          <el-button type="primary" size="medium" @click="handleOnSave"
-            >确定</el-button
-          >
-          <el-button type="primary" plain size="medium" @click="handleOnClose"
-            >取消</el-button
-          >
+          <el-button type="primary" size="medium" @click="handleOnSave">确定</el-button>
+          <el-button type="primary" plain size="medium" @click="handleOnClose">取消</el-button>
         </el-col>
       </el-row>
     </el-drawer>

src/views/system/user/index.vue

@@ -1,31 +1,16 @@
 <template>
-  <div class="user-manage">
-    <el-card>
+  <div class=" render-container user-manage ">
     <div class="filter-container">
       <div class="flex align-items-c justify-content-b">
-          <el-form
-            :model="queryParams"
-            label-width="100px"
-            label-position="top"
-            ref="queryParams"
-            inline
-          >
+        <el-form :model="queryParams" label-width="100px" label-position="top" ref="queryParams" inline>
           <el-form-item label="用户名称" prop="userName">
-              <el-input
-                v-model="queryParams.userName"
-                size="medium"
-                placeholder="请输入用户名称"
-              ></el-input>
+            <el-input v-model="queryParams.userName" size="medium" placeholder="请输入用户名称"></el-input>
           </el-form-item>
           <el-form-item label="状态" prop="status">
             <el-select v-model="queryParams.status" size="medium">
               <el-option label="全部" value=""></el-option>
-                <el-option
-                  v-for="item in statusList"
-                  :label="item.label"
-                  :value="item.value"
-                  :key="item.value"
-                ></el-option>
+              <el-option v-for="item in statusList" :label="item.label" :value="item.value"
+                :key="item.value"></el-option>
             </el-select>
           </el-form-item>
           <!--            <el-form-item label="上传时间" prop="times">-->
@@ -41,44 +26,22 @@
           <!--            </el-form-item>-->
         </el-form>
         <div class="mt15 flex align-items-c justify-content-b">
-            <el-button size="medium" type="primary" @click="handleQuery"
-              >查询</el-button
-            >
+          <el-button size="medium" type="primary" @click="handleQuery">查询</el-button>
           <el-button size="medium" @click="resetQuery">重置</el-button>
-            <el-button size="medium" type="primary" @click="handleAdd"
-              >新增</el-button
-            >
+          <el-button size="medium" type="primary" @click="handleAdd">新增</el-button>
         </div>
       </div>
     </div>
-      <r-table
-        :columns="tableConfig.columns"
-        :data="tableData"
-        :deletion="false"
-        :total="tableConfig.total"
-        @currentChange="handleCurrentChange"
-        @sizeChange="handleSizeChange"
-        :currentPage="tableConfig.currentPage"
-        :pageSize="tableConfig.pageSize"
-      />
-    </el-card>
+    <r-table :columns="tableConfig.columns" :data="tableData" :deletion="false" :total="tableConfig.total"
+      @currentChange="handleCurrentChange" @sizeChange="handleSizeChange" :currentPage="tableConfig.currentPage"
+      :pageSize="tableConfig.pageSize" />
 
     <!-- 用户新增弹窗 -->
-    <user-dialog
-      :visible.sync="dialogVisible"
-      :title="dialogTitle"
-      :is-edit="isEdit"
-      :is-view="isView"
-      :user-data="currentUserData"
-      @submit="handleSubmit"
-    />
+    <user-dialog :visible.sync="dialogVisible" :title="dialogTitle" :is-edit="isEdit" :is-view="isView"
+      :user-data="currentUserData" @submit="handleSubmit" />
 
     <!-- 重置密码弹窗 -->
-    <reset-password-dialog
-      :visible.sync="resetPasswordVisible"
-      :user-id="currentUserId"
-      @success="getUserList"
-    />
+    <reset-password-dialog :visible.sync="resetPasswordVisible" :user-id="currentUserId" @success="getUserList" />
   </div>
 </template>
 

src/views/track/Index.vue

@@ -180,8 +180,7 @@ export default {
 </script>
 
 <template>
-  <div class="track-container container">
-    <el-card shadow="hover">
+  <div class="track-container render-container">
     <!-- 知识库信息 -->
     <el-form :model="form" label-width="100px" size="small">
       <el-row>
@@ -197,7 +196,8 @@ export default {
 
         <el-col :span="8">
           <el-form-item label="知识文件名称">
-              <el-input @keydown.enter.native="handleSearch" v-model="form.knowledgeName" placeholder="请输入知识文件名称"></el-input>
+            <el-input @keydown.enter.native="handleSearch" v-model="form.knowledgeName"
+              placeholder="请输入知识文件名称"></el-input>
           </el-form-item>
         </el-col>
 
@@ -214,26 +214,15 @@ export default {
           <el-form-item label="上传状态">
             <el-select v-model="form.documentStatus" placeholder="请选择上传状态">
               <el-option label="全部上传状态" value="" />
-                <el-option
-                  v-for="item in Object.keys(this.tableConfig.uploadStatusType)"
-                  :key="item"
-                  :label="tableConfig.uploadStatusType[item]"
-                  :value="Number(item)"
-                />
+              <el-option v-for="item in Object.keys(this.tableConfig.uploadStatusType)" :key="item"
+                :label="tableConfig.uploadStatusType[item]" :value="Number(item)" />
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="任务时间">
-              <el-date-picker
-                v-model="form.taskTime"
-                type="daterange"
-                unlink-panels
-                range-separator="-"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-                style="width: 100%"
-              />
+            <el-date-picker v-model="form.taskTime" type="daterange" unlink-panels range-separator="-"
+              start-placeholder="开始日期" end-placeholder="结束日期" style="width: 100%" />
           </el-form-item>
         </el-col>
         <el-col :span="9" :offset="11" class="mb20">
@@ -247,22 +236,15 @@ export default {
 
     <!-- 任务列表 -->
     <div>
-        <r-table
-          :columns="tableConfig.columns"
-          :data="tableData"
-          :deletion="false"
-          :total="tableConfig.total"
-          @currentChange="handleCurrentChange"
-          @sizeChange="handleSizeChange"
-          :currentPage="tableConfig.currentPage"
-          :pageSize="tableConfig.pageSize"
-        />
+      <r-table :columns="tableConfig.columns" :data="tableData" :deletion="false" :total="tableConfig.total"
+        @currentChange="handleCurrentChange" @sizeChange="handleSizeChange" :currentPage="tableConfig.currentPage"
+        :pageSize="tableConfig.pageSize" />
 
       <!-- 弹出提示框， 里面是各种详情内容 -->
-        <el-drawer title="上传任务详情" :visible.sync="infoDialogVisible" size="95%" :before-close="() => (infoDialogVisible = false)">
+      <el-drawer title="上传任务详情" :visible.sync="infoDialogVisible" size="95%"
+        :before-close="() => (infoDialogVisible = false)">
         <knowledge-info :form="activeForm" v-if="infoDialogVisible"></knowledge-info>
       </el-drawer>
     </div>
-    </el-card>
   </div>
 </template>

src/views/track/views/knowledge-info/Index.vue

@@ -104,38 +104,22 @@ export default {
             </div>
             <el-form ref="form" :model="newForm" label-width="120px">
               <el-form-item label="知识库">
-                <el-input
-                  v-model="newForm.datasetName"
-                  placeholder=""
-                  disabled
-                ></el-input>
+                <el-input v-model="newForm.datasetName" placeholder="" disabled></el-input>
               </el-form-item>
 
               <el-form-item label="知识文件名称">
-                <el-input
-                  v-model="newForm.fileName"
-                  placeholder=""
-                  disabled
-                ></el-input>
+                <el-input v-model="newForm.fileName" placeholder="" disabled></el-input>
               </el-form-item>
 
               <el-row>
                 <el-col :span="12">
                   <el-form-item label="上传用户">
-                    <el-input
-                      v-model="newForm.userName"
-                      placeholder=""
-                      disabled
-                    ></el-input>
+                    <el-input v-model="newForm.userName" placeholder="" disabled></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12">
                   <el-form-item label="上传时间">
-                    <el-input
-                      v-model="newForm.createdDate"
-                      placeholder=""
-                      disabled
-                    ></el-input>
+                    <el-input v-model="newForm.createdDate" placeholder="" disabled></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -143,20 +127,12 @@ export default {
               <el-row>
                 <el-col :span="12">
                   <el-form-item label="任务号">
-                    <el-input
-                      v-model="newForm.id"
-                      placeholder=""
-                      disabled
-                    ></el-input>
+                    <el-input v-model="newForm.id" placeholder="" disabled></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12">
                   <el-form-item label="分段模式">
-                    <el-input
-                      v-model="newForm.segmentedMode"
-                      placeholder="null"
-                      disabled
-                    ></el-input>
+                    <el-input v-model="newForm.segmentedMode" placeholder="null" disabled></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -164,32 +140,18 @@ export default {
               <el-row>
                 <el-col :span="12">
                   <el-form-item label="高级模式">
-                    <el-input
-                      v-model="useMineru"
-                      placeholder=""
-                      disabled
-                    ></el-input>
+                    <el-input v-model="useMineru" placeholder="" disabled></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="12">
                   <el-form-item label="任务状态">
-                    <el-input
-                      v-model="documentStatus"
-                      placeholder=""
-                      disabled
-                    ></el-input>
+                    <el-input v-model="documentStatus" placeholder="" disabled></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
 
-              <el-form-item
-                label="失败原因"
-                v-if="newForm.documentStatus === -1"
-              >
-                <el-input
-                  v-model="newForm.errMessage"
-                  placeholder=""
-                ></el-input>
+              <el-form-item label="失败原因" v-if="newForm.documentStatus === -1">
+                <el-input v-model="newForm.errMessage" placeholder=""></el-input>
               </el-form-item>
             </el-form>
           </el-card>
@@ -200,14 +162,8 @@ export default {
               <span>知识内容</span>
             </div>
             <div class="knowledge-content" v-if="descriptions">
-              <text-model
-                v-if="descriptions.doc_form === 'text_model'"
-                :descriptions="descriptions"
-              />
-              <q-a-model
-                v-else-if="descriptions.doc_form === 'qa_model'"
-                :descriptions="descriptions"
-              />
+              <text-model v-if="descriptions.doc_form === 'text_model'" :descriptions="descriptions" />
+              <q-a-model v-else-if="descriptions.doc_form === 'qa_model'" :descriptions="descriptions" />
             </div>
             <span v-else>暂无知识内容</span>
           </el-card>