增加排序更新逻辑

main/manager-web/src/views/ModelConfig.vue

@@ -3,13 +3,19 @@
     <HeaderBar />
 
     <div class="operation-bar">
-      <h2 class="page-title">{{ $t('modelConfig.' + activeTab) }}</h2>
+      <h2 class="page-title">{{ $t("modelConfig." + activeTab) }}</h2>
       <div class="action-group">
         <div class="search-group">
-          <el-input :placeholder="$t('modelConfig.searchPlaceholder')" v-model="search" class="search-input" clearable
+          <el-input
-            @keyup.enter.native="handleSearch" style="width: 240px" />
+            :placeholder="$t('modelConfig.searchPlaceholder')"
+            v-model="search"
+            class="search-input"
+            clearable
+            @keyup.enter.native="handleSearch"
+            style="width: 240px"
+          />
           <el-button class="btn-search" @click="handleSearch">
-            {{ $t('modelConfig.search') }}
+            {{ $t("modelConfig.search") }}
           </el-button>
         </div>
       </div>
@@ -19,77 +25,140 @@
     <div class="main-wrapper">
       <div class="content-panel">
         <!-- 左侧导航 -->
-        <el-menu :default-active="activeTab" class="nav-panel" @select="handleMenuSelect"
+        <el-menu
-          style="background-size: cover; background-position: center;">
+          :default-active="activeTab"
+          class="nav-panel"
+          @select="handleMenuSelect"
+          style="background-size: cover; background-position: center"
+        >
           <el-menu-item index="vad">
-            <span class="menu-text">{{ $t('modelConfig.vad') }}</span>
+            <span class="menu-text">{{ $t("modelConfig.vad") }}</span>
           </el-menu-item>
           <el-menu-item index="asr">
-            <span class="menu-text">{{ $t('modelConfig.asr') }}</span>
+            <span class="menu-text">{{ $t("modelConfig.asr") }}</span>
           </el-menu-item>
           <el-menu-item index="llm">
-            <span class="menu-text">{{ $t('modelConfig.llm') }}</span>
+            <span class="menu-text">{{ $t("modelConfig.llm") }}</span>
           </el-menu-item>
           <el-menu-item index="vllm">
-            <span class="menu-text">{{ $t('modelConfig.vllm') }}</span>
+            <span class="menu-text">{{ $t("modelConfig.vllm") }}</span>
           </el-menu-item>
           <el-menu-item index="intent">
-            <span class="menu-text">{{ $t('modelConfig.intent') }}</span>
+            <span class="menu-text">{{ $t("modelConfig.intent") }}</span>
           </el-menu-item>
           <el-menu-item index="tts">
-            <span class="menu-text">{{ $t('modelConfig.tts') }}</span>
+            <span class="menu-text">{{ $t("modelConfig.tts") }}</span>
           </el-menu-item>
           <el-menu-item index="memory">
-            <span class="menu-text">{{ $t('modelConfig.memory') }}</span>
+            <span class="menu-text">{{ $t("modelConfig.memory") }}</span>
           </el-menu-item>
         </el-menu>
 
         <!-- 右侧内容 -->
         <div class="content-area">
           <el-card class="model-card" shadow="never">
-            <el-table ref="modelTable" style="width: 100%" v-loading="loading"
+            <el-table
-              :element-loading-text="$t('modelConfig.loading')" element-loading-spinner="el-icon-loading"
+              ref="modelTable"
-              element-loading-background="rgba(255, 255, 255, 0.7)" :header-cell-style="{ background: 'transparent' }"
+              style="width: 100%"
-              :data="modelList" class="data-table" header-row-class-name="table-header"
+              v-loading="loading"
-              :header-cell-class-name="headerCellClassName" @selection-change="handleSelectionChange">
+              :element-loading-text="$t('modelConfig.loading')"
-              <el-table-column type="selection" width="55" align="center"
+              element-loading-spinner="el-icon-loading"
-                :cell-class-name="selectionCellClassName"></el-table-column>
+              element-loading-background="rgba(255, 255, 255, 0.7)"
-              <el-table-column :label="$t('modelConfig.modelId')" prop="id" align="center"></el-table-column>
+              :header-cell-style="{ background: 'transparent' }"
-              <el-table-column :label="$t('modelConfig.modelName')" prop="modelName" align="center"></el-table-column>
+              :data="modelList"
+              class="data-table"
+              header-row-class-name="table-header"
+              :header-cell-class-name="headerCellClassName"
+              @selection-change="handleSelectionChange"
+            >
+              <el-table-column
+                type="selection"
+                width="55"
+                align="center"
+                :cell-class-name="selectionCellClassName"
+              ></el-table-column>
+              <el-table-column
+                :label="$t('modelConfig.modelId')"
+                prop="id"
+                align="center"
+              ></el-table-column>
+              <el-table-column
+                :label="$t('modelConfig.modelName')"
+                prop="modelName"
+                align="center"
+              ></el-table-column>
               <el-table-column :label="$t('modelConfig.provider')" align="center">
                 <template slot-scope="scope">
-                  {{ scope.row.configJson.type || $t('modelConfig.unknown') }}
+                  {{ scope.row.configJson.type || $t("modelConfig.unknown") }}
                 </template>
               </el-table-column>
               <el-table-column :label="$t('modelConfig.isEnabled')" align="center">
                 <template slot-scope="scope">
-                  <el-switch v-model="scope.row.isEnabled" class="custom-switch" :active-value="1" :inactive-value="0"
+                  <el-switch
-                    @change="handleStatusChange(scope.row)" />
+                    v-model="scope.row.isEnabled"
+                    class="custom-switch"
+                    :active-value="1"
+                    :inactive-value="0"
+                    @change="handleStatusChange(scope.row)"
+                  />
                 </template>
               </el-table-column>
               <el-table-column :label="$t('modelConfig.isDefault')" align="center">
                 <template slot-scope="scope">
-                  <el-switch v-model="scope.row.isDefault" class="custom-switch" :active-value="1" :inactive-value="0"
+                  <el-switch
-                    @change="handleDefaultChange(scope.row)" />
+                    v-model="scope.row.isDefault"
+                    class="custom-switch"
+                    :active-value="1"
+                    :inactive-value="0"
+                    @change="handleDefaultChange(scope.row)"
+                  />
                 </template>
               </el-table-column>
-              <el-table-column v-if="activeTab === 'tts'" :label="$t('modelConfig.voiceManagement')" align="center">
+              <el-table-column
+                v-if="activeTab === 'tts'"
+                :label="$t('modelConfig.voiceManagement')"
+                align="center"
+              >
                 <template slot-scope="scope">
-                  <el-button type="text" size="mini" @click="openTtsDialog(scope.row)" class="voice-management-btn">
+                  <el-button
-                    {{ $t('modelConfig.voiceManagement') }}
+                    type="text"
+                    size="mini"
+                    @click="openTtsDialog(scope.row)"
+                    class="voice-management-btn"
+                  >
+                    {{ $t("modelConfig.voiceManagement") }}
                   </el-button>
                 </template>
               </el-table-column>
-              <el-table-column :label="$t('modelConfig.action')" align="center" width="210px">
+              <el-table-column
+                :label="$t('modelConfig.action')"
+                align="center"
+                width="210px"
+              >
                 <template slot-scope="scope">
-                  <el-button type="text" size="mini" @click="editModel(scope.row)" class="edit-btn">
+                  <el-button
-                    {{ $t('modelConfig.edit') }}
+                    type="text"
+                    size="mini"
+                    @click="editModel(scope.row)"
+                    class="edit-btn"
+                  >
+                    {{ $t("modelConfig.edit") }}
                   </el-button>
-                  <el-button type="text" size="mini" @click="duplicateModel(scope.row)" class="edit-btn">
+                  <el-button
-                    {{ $t('modelConfig.duplicate') }}
+                    type="text"
+                    size="mini"
+                    @click="duplicateModel(scope.row)"
+                    class="edit-btn"
+                  >
+                    {{ $t("modelConfig.duplicate") }}
                   </el-button>
-                  <el-button type="text" size="mini" @click="deleteModel(scope.row)" class="delete-btn">
+                  <el-button
-                    {{ $t('modelConfig.delete') }}
+                    type="text"
+                    size="mini"
+                    @click="deleteModel(scope.row)"
+                    class="delete-btn"
+                  >
+                    {{ $t("modelConfig.delete") }}
                   </el-button>
                 </template>
               </el-table-column>
@@ -97,50 +166,96 @@
             <div class="table-footer">
               <div class="batch-actions">
                 <el-button size="mini" type="primary" @click="selectAll">
-                  {{ isAllSelected ?
+                  {{
-                    $t('modelConfig.deselectAll') : $t('modelConfig.selectAll') }}
+                    isAllSelected
+                      ? $t("modelConfig.deselectAll")
+                      : $t("modelConfig.selectAll")
+                  }}
                 </el-button>
                 <el-button type="success" size="mini" @click="addModel" class="add-btn">
-                  {{ $t('modelConfig.add') }}
+                  {{ $t("modelConfig.add") }}
                 </el-button>
-                <el-button size="mini" type="danger" icon="el-icon-delete" @click="batchDelete">
+                <el-button
-                  {{ $t('modelConfig.delete') }}
+                  size="mini"
+                  type="danger"
+                  icon="el-icon-delete"
+                  @click="batchDelete"
+                >
+                  {{ $t("modelConfig.delete") }}
                 </el-button>
               </div>
               <div class="custom-pagination">
-
+                <el-select
-                <el-select v-model="pageSize" @change="handlePageSizeChange" class="page-size-select">
+                  v-model="pageSize"
-                  <el-option v-for="item in pageSizeOptions" :key="item"
+                  @change="handlePageSizeChange"
-                    :label="$t('modelConfig.itemsPerPage', { items: item })" :value="item">
+                  class="page-size-select"
+                >
+                  <el-option
+                    v-for="item in pageSizeOptions"
+                    :key="item"
+                    :label="$t('modelConfig.itemsPerPage', { items: item })"
+                    :value="item"
+                  >
                   </el-option>
                 </el-select>
 
-                <button class="pagination-btn" :disabled="currentPage === 1" @click="goFirst">{{
+                <button
-                  $t('modelConfig.firstPage')
+                  class="pagination-btn"
-                  }}</button>
+                  :disabled="currentPage === 1"
-                <button class="pagination-btn" :disabled="currentPage === 1" @click="goPrev">{{
+                  @click="goFirst"
-                  $t('modelConfig.prevPage')
+                >
-                  }}</button>
+                  {{ $t("modelConfig.firstPage") }}
+                </button>
+                <button
+                  class="pagination-btn"
+                  :disabled="currentPage === 1"
+                  @click="goPrev"
+                >
+                  {{ $t("modelConfig.prevPage") }}
+                </button>
 
-                <button v-for="page in visiblePages" :key="page" class="pagination-btn"
+                <button
-                  :class="{ active: page === currentPage }" @click="goToPage(page)">
+                  v-for="page in visiblePages"
+                  :key="page"
+                  class="pagination-btn"
+                  :class="{ active: page === currentPage }"
+                  @click="goToPage(page)"
+                >
                   {{ page }}
                 </button>
 
-                <button class="pagination-btn" :disabled="currentPage === pageCount" @click="goNext">{{
+                <button
-                  $t('modelConfig.nextPage')
+                  class="pagination-btn"
-                  }}</button>
+                  :disabled="currentPage === pageCount"
-                <span class="total-text">{{ $t('modelConfig.totalRecords', { total }) }}</span>
+                  @click="goNext"
+                >
+                  {{ $t("modelConfig.nextPage") }}
+                </button>
+                <span class="total-text">{{
+                  $t("modelConfig.totalRecords", { total })
+                }}</span>
               </div>
             </div>
           </el-card>
         </div>
       </div>
 
-      <ModelEditDialog :modelType="activeTab" :visible.sync="editDialogVisible" :modelData="editModelData"
+      <ModelEditDialog
-        @save="handleModelSave" />
+        :modelType="activeTab"
-      <TtsModel :visible.sync="ttsDialogVisible" :ttsModelId="selectedTtsModelId" :modelConfig="selectedModelConfig" />
+        :visible.sync="editDialogVisible"
-      <AddModelDialog :modelType="activeTab" :visible.sync="addDialogVisible" @confirm="handleAddConfirm" />
+        :modelData="editModelData"
+        @save="handleModelSave"
+      />
+      <TtsModel
+        :visible.sync="ttsDialogVisible"
+        :ttsModelId="selectedTtsModelId"
+        :modelConfig="selectedModelConfig"
+      />
+      <AddModelDialog
+        :modelType="activeTab"
+        :visible.sync="addDialogVisible"
+        @confirm="handleAddConfirm"
+      />
     </div>
     <el-footer>
       <version-footer />
@@ -160,12 +275,12 @@ export default {
   data() {
     return {
       addDialogVisible: false,
-      activeTab: 'llm',
+      activeTab: "llm",
-      search: '',
+      search: "",
       editDialogVisible: false,
       editModelData: {},
       ttsDialogVisible: false,
-      selectedTtsModelId: '',
+      selectedTtsModelId: "",
       modelList: [],
       pageSizeOptions: [10, 20, 50, 100],
       currentPage: 1,
@@ -174,7 +289,7 @@ export default {
       selectedModels: [],
       isAllSelected: false,
       loading: false,
-      selectedModelConfig: {}
+      selectedModelConfig: {},
     };
   },
 
@@ -196,7 +311,9 @@ export default {
 
   computed: {
     modelTypeText() {
-      return this.$t('modelConfig.' + this.activeTab) || this.$t('modelConfig.modelConfig')
+      return (
+        this.$t("modelConfig." + this.activeTab) || this.$t("modelConfig.modelConfig")
+      );
     },
     pageCount() {
       return Math.ceil(this.total / this.pageSize);
@@ -215,7 +332,7 @@ export default {
         pages.push(i);
       }
       return pages;
-    }
+    },
   },
 
   methods: {
@@ -223,7 +340,7 @@ export default {
     updateSelectionHeaderText() {
       const thElement = document.querySelector(`.el-table__header th:nth-child(1) .cell`);
       if (thElement) {
-        thElement.setAttribute('data-content', this.$t('modelConfig.select'));
+        thElement.setAttribute("data-content", this.$t("modelConfig.select"));
       }
     },
     handlePageSizeChange(val) {
@@ -238,27 +355,29 @@ export default {
     },
     headerCellClassName({ column, columnIndex }) {
       if (columnIndex === 0) {
-        return 'custom-selection-header';
+        return "custom-selection-header";
       }
-      return '';
+      return "";
     },
     selectionCellClassName({ row, column, rowIndex, columnIndex }) {
       // 只对表头行设置data-content
       if (rowIndex === undefined) {
         // 使用setTimeout确保DOM已经渲染完成
         setTimeout(() => {
-          const thElement = document.querySelector(`.el-table__header th:nth-child(1) .cell`);
+          const thElement = document.querySelector(
+            `.el-table__header th:nth-child(1) .cell`
+          );
           if (thElement) {
-            thElement.setAttribute('data-content', this.$t('modelConfig.select'));
+            thElement.setAttribute("data-content", this.$t("modelConfig.select"));
           }
         }, 0);
       }
-      return '';
+      return "";
     },
     handleMenuSelect(index) {
       this.activeTab = index;
-      this.currentPage = 1;  // 重置到第一页
+      this.currentPage = 1; // 重置到第一页
-      this.pageSize = 10;     // 可选：重置每页条数
+      this.pageSize = 10; // 可选：重置每页条数
       this.loadData();
     },
     handleSearch() {
@@ -268,41 +387,41 @@ export default {
     // 批量删除
     batchDelete() {
       if (this.selectedModels.length === 0) {
-        this.$message.warning(this.$t('modelConfig.selectModelsFirst'))
+        this.$message.warning(this.$t("modelConfig.selectModelsFirst"));
-        return
+        return;
       }
 
-      this.$confirm(this.$t('modelConfig.confirmBatchDelete'), this.$t('message.info'), {
+      this.$confirm(this.$t("modelConfig.confirmBatchDelete"), this.$t("message.info"), {
-        confirmButtonText: this.$t('common.confirm'),
+        confirmButtonText: this.$t("common.confirm"),
-        cancelButtonText: this.$t('common.cancel'),
+        cancelButtonText: this.$t("common.cancel"),
-        type: 'warning'
+        type: "warning",
-      }).then(() => {
-        const deletePromises = this.selectedModels.map(model =>
-          new Promise(resolve => {
-            Api.model.deleteModel(
-              model.id,
-              ({ data }) => resolve(data.code === 0)
-            )
-          })
-        )
-
-        Promise.all(deletePromises).then(results => {
-          if (results.every(Boolean)) {
-            this.$message.success({
-              message: this.$t('modelConfig.batchDeleteSuccess'),
-              showClose: true
-            })
-            this.loadData()
-          } else {
-            this.$message.error({
-              message: this.$t('modelConfig.partialDeleteFailed'),
-              showClose: true
-            })
-          }
-        })
-      }).catch(() => {
-        this.$message.info(this.$t('modelConfig.deleteCancelled'))
       })
+        .then(() => {
+          const deletePromises = this.selectedModels.map(
+            (model) =>
+              new Promise((resolve) => {
+                Api.model.deleteModel(model.id, ({ data }) => resolve(data.code === 0));
+              })
+          );
+
+          Promise.all(deletePromises).then((results) => {
+            if (results.every(Boolean)) {
+              this.$message.success({
+                message: this.$t("modelConfig.batchDeleteSuccess"),
+                showClose: true,
+              });
+              this.loadData();
+            } else {
+              this.$message.error({
+                message: this.$t("modelConfig.partialDeleteFailed"),
+                showClose: true,
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.$message.info(this.$t("modelConfig.deleteCancelled"));
+        });
     },
     addModel() {
       this.addDialogVisible = true;
@@ -318,31 +437,30 @@ export default {
     },
     // 删除单个模型
     deleteModel(model) {
-      this.$confirm(this.$t('modelConfig.confirmDelete'), this.$t('message.info'), {
+      this.$confirm(this.$t("modelConfig.confirmDelete"), this.$t("message.info"), {
-        confirmButtonText: this.$t('common.confirm'),
+        confirmButtonText: this.$t("common.confirm"),
-        cancelButtonText: this.$t('common.cancel'),
+        cancelButtonText: this.$t("common.cancel"),
-        type: 'warning'
+        type: "warning",
-      }).then(() => {
+      })
-        Api.model.deleteModel(
+        .then(() => {
-          model.id,
+          Api.model.deleteModel(model.id, ({ data }) => {
-          ({ data }) => {
             if (data.code === 0) {
               this.$message.success({
-                message: this.$t('modelConfig.deleteSuccess'),
+                message: this.$t("modelConfig.deleteSuccess"),
-                showClose: true
+                showClose: true,
-              })
+              });
-              this.loadData()
+              this.loadData();
             } else {
               this.$message.error({
-                message: data.msg || this.$t('modelConfig.deleteFailed'),
+                message: data.msg || this.$t("modelConfig.deleteFailed"),
-                showClose: true
+                showClose: true,
-              })
+              });
             }
-          }
+          });
-        )
+        })
-      }).catch(() => {
+        .catch(() => {
-        this.$message.info(this.$t('modelConfig.deleteCancelled'))
+          this.$message.info(this.$t("modelConfig.deleteCancelled"));
-      })
+        });
     },
     handleCurrentChange(page) {
       this.currentPage = page;
@@ -353,32 +471,27 @@ export default {
       const id = formData.id;
 
       if (this.editModelData.duplicateMode) {
-        Api.model.addModel({ modelType, provideCode, formData },
+        Api.model.addModel({ modelType, provideCode, formData }, ({ data }) => {
-          ({ data }) => {
+          if (data.code === 0) {
-            if (data.code === 0) {
+            this.$message.success(this.$t("modelConfig.duplicateSuccess"));
-              this.$message.success(this.$t('modelConfig.duplicateSuccess'));
+            this.loadData();
-              this.loadData();
+            this.editDialogVisible = false;
-              this.editDialogVisible = false;
+          } else {
-            } else {
+            this.$message.error(data.msg || this.$t("modelConfig.duplicateFailed"));
-              this.$message.error(data.msg || this.$t('modelConfig.duplicateFailed'));
-            }
-            done && done(); // 调用done回调关闭加载状态
-          })
-      }
-      else {
-        Api.model.updateModel(
-          { modelType, provideCode, id, formData },
-          ({ data }) => {
-            if (data.code === 0) {
-              this.$message.success(this.$t('modelConfig.saveSuccess'));
-              this.loadData();
-              this.editDialogVisible = false;
-            } else {
-              this.$message.error(data.msg || this.$t('modelConfig.saveFailed'));
-            }
-            done && done(); // 调用done回调关闭加载状态
           }
-        );
+          done && done(); // 调用done回调关闭加载状态
+        });
+      } else {
+        Api.model.updateModel({ modelType, provideCode, id, formData }, ({ data }) => {
+          if (data.code === 0) {
+            this.$message.success(this.$t("modelConfig.saveSuccess"));
+            this.loadData();
+            this.editDialogVisible = false;
+          } else {
+            this.$message.error(data.msg || this.$t("modelConfig.saveFailed"));
+          }
+          done && done(); // 调用done回调关闭加载状态
+        });
       }
     },
     selectAll() {
@@ -405,21 +518,21 @@ export default {
           ...newModel,
           isDefault: newModel.isDefault ? 1 : 0,
           isEnabled: newModel.isEnabled ? 1 : 0,
-          configJson: newModel.configJson
+          configJson: newModel.configJson,
-        }
+        },
       };
 
       Api.model.addModel(params, ({ data }) => {
         if (data.code === 0) {
           this.$message.success({
-            message: this.$t('modelConfig.addSuccess'),
+            message: this.$t("modelConfig.addSuccess"),
-            showClose: true
+            showClose: true,
           });
           this.loadData();
         } else {
           this.$message.error({
-            message: data.msg || this.$t('modelConfig.addFailed'),
+            message: data.msg || this.$t("modelConfig.addFailed"),
-            showClose: true
+            showClose: true,
           });
         }
       });
@@ -454,7 +567,7 @@ export default {
         modelType: this.activeTab,
         modelName: this.search,
         page: this.currentPage,
-        limit: this.pageSize
+        limit: this.pageSize,
       };
 
       Api.model.getModelList(params, ({ data }) => {
@@ -463,41 +576,43 @@ export default {
           this.modelList = data.data.list;
           this.total = data.data.total;
         } else {
-          this.$message.error(data.msg || this.$t('modelConfig.fetchModelsFailed'));
+          this.$message.error(data.msg || this.$t("modelConfig.fetchModelsFailed"));
         }
       });
     },
     // 处理启用/禁用状态变更
     handleStatusChange(model) {
-      const newStatus = model.isEnabled ? 1 : 0
+      const newStatus = model.isEnabled ? 1 : 0;
-      const originalStatus = model.isEnabled
+      const originalStatus = model.isEnabled;
 
-      model.isEnabled = !model.isEnabled
+      model.isEnabled = !model.isEnabled;
 
-      Api.model.updateModelStatus(
+      Api.model.updateModelStatus(model.id, newStatus, ({ data }) => {
-        model.id,
+        if (data.code === 0) {
-        newStatus,
+          this.$message.success(
-        ({ data }) => {
+            newStatus === 1
-          if (data.code === 0) {
+              ? this.$t("modelConfig.enableSuccess")
-            this.$message.success(newStatus === 1 ? this.$t('modelConfig.enableSuccess') : this.$t('modelConfig.disableSuccess'))
+              : this.$t("modelConfig.disableSuccess")
-            // 保持新状态
+          );
-            model.isEnabled = newStatus
+          // 保持新状态
-          } else {
+          model.isEnabled = newStatus;
-            // 操作失败时恢复原状态
+          // 刷新表格数据
-            model.isEnabled = originalStatus
+          this.loadData();
-            this.$message.error(data.msg || this.$t('modelConfig.operationFailed'))
+        } else {
-          }
+          // 操作失败时恢复原状态
+          model.isEnabled = originalStatus;
+          this.$message.error(data.msg || this.$t("modelConfig.operationFailed"));
         }
-      )
+      });
     },
     handleDefaultChange(model) {
       Api.model.setDefaultModel(model.id, ({ data }) => {
         if (data.code === 0) {
-          this.$message.success(this.$t('modelConfig.setDefaultSuccess'))
+          this.$message.success(this.$t("modelConfig.setDefaultSuccess"));
-          this.loadData()
+          this.loadData();
         }
-      })
+      });
-    }
+    },
   },
 };
 </script>
@@ -561,11 +676,12 @@ export default {
   min-width: 242px;
   height: 100%;
   border-right: 1px solid #ebeef5;
-  background:
+  background: linear-gradient(
-    linear-gradient(120deg,
+      120deg,
       rgba(107, 140, 255, 0.3) 0%,
       rgba(169, 102, 255, 0.3) 25%,
-      transparent 60%),
+      transparent 60%
+    ),
     url("../assets/model/model.png") no-repeat center / cover;
   padding: 16px 0;
   flex-shrink: 0;
@@ -594,7 +710,7 @@ export default {
 }
 
 .nav-panel .el-menu-item.is-active::before {
-  content: '';
+  content: "";
   position: absolute;
   left: 15px;
   top: 50%;
@@ -653,7 +769,7 @@ export default {
 
 ::v-deep .search-input .el-input__inner {
   border-radius: 4px;
-  border: 1px solid #DCDFE6;
+  border: 1px solid #dcdfe6;
   background-color: white;
   transition: border-color 0.2s;
 }
@@ -773,13 +889,13 @@ export default {
 }
 
 .batch-actions .el-button:first-child {
-  background: linear-gradient(135deg, #409EFF, #6B8CFF);
+  background: linear-gradient(135deg, #409eff, #6b8cff);
   border: none;
   color: white;
 }
 
 .batch-actions .el-button:first-child:hover {
-  background: linear-gradient(135deg, #3A8EE6, #5A7CFF);
+  background: linear-gradient(135deg, #3a8ee6, #5a7cff);
 }
 
 .el-table th /deep/ .el-table__cell {
@@ -831,7 +947,6 @@ export default {
 }
 
 ::v-deep .data-table {
-
   &.el-table::before,
   &.el-table::after,
   &.el-table__inner-wrapper::before {
@@ -915,7 +1030,7 @@ export default {
     padding: 0 12px;
     border-radius: 4px;
     border: 1px solid #e4e7ed;
-    background: #DEE7FF;
+    background: #dee7ff;
     color: #606266;
     font-size: 14px;
     cursor: pointer;