From 64d85c22c2897f5c4563190c5b832edf5a913469 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=AF=BB=E6=AC=A2?= <lxh@cxh.cn>
Date: Sat, 3 Feb 2024 16:02:46 +0800
Subject: [PATCH] Fix a bug.

---
 src/views/infra/assistant/index.vue | 264 ++++++++++++++--------------
 1 file changed, 133 insertions(+), 131 deletions(-)

diff --git a/src/views/infra/assistant/index.vue b/src/views/infra/assistant/index.vue
index 770c04f..67f6306 100644
--- a/src/views/infra/assistant/index.vue
+++ b/src/views/infra/assistant/index.vue
@@ -106,141 +106,143 @@ onMounted(() => {
 </script>
 
 <template>
-  <div style="margin: 20px">
-    <el-button type="primary" @click="showCreateDialog = true"
-      >新增 AI 助手</el-button
-    >
-  </div>
-  <div class="flex h-[640px]" v-loading="dataLoading">
-    <div class="card-container">
-      <el-card
-        class="assistant-card"
-        shadow="hover"
-        v-for="item in assistantList"
-        :key="item.id"
-        v-loading="item.saveLoading"
+  <div>
+    <div style="margin: 20px">
+      <el-button type="primary" @click="showCreateDialog = true"
+        >新增 AI 助手</el-button
       >
-        <template #header>
-          <div class="assistant-header">
-            <span v-if="!item.edit">
-              {{ item.name }}
-            </span>
-            <el-input v-else v-model="item.name" style="width: 80%" />
-            <el-button-group>
-              <el-button
-                link
-                :type="item.edit ? 'primary' : 'warning'"
-                @click="item.edit = !item.edit"
-              >
-                {{ item.edit ? "取消" : "编辑" }}
-              </el-button>
-              <el-button
-                v-if="!item.edit"
-                link
-                type="danger"
-                @click="deleteAssistantHandle(item.id)"
-                >删除</el-button
-              >
-              <el-button
-                v-else
-                link
-                type="success"
-                @click="saveAssistantHandle(item)"
-                >保存</el-button
-              >
-            </el-button-group>
-          </div>
-        </template>
-
-        <div>
-          <el-descriptions :column="1" size="default" border>
-            <el-descriptions-item label="模型">
-              <el-text v-if="!item.edit">{{ item.model }}</el-text>
-              <el-select
-                v-else
-                v-model="item.model"
-                placeholder="请选择模型"
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="model in modelList"
-                  :key="model.value"
-                  :label="model.name"
-                  :value="model.value"
-                />
-              </el-select>
-            </el-descriptions-item>
-            <el-descriptions-item label="人设">
-              <el-input
-                v-model="item.personality"
-                :autosize="{ minRows: 2, maxRows: 4 }"
-                resize="none"
-                type="textarea"
-                placeholder="请输入人设"
-                :disabled="!item.edit"
-                clahh="data-input"
-              />
-            </el-descriptions-item>
-            <el-descriptions-item label="启用">
-              <el-tag v-if="!item.edit">{{
-                item.enable ? "已启用" : "已禁用"
-              }}</el-tag>
-              <el-switch
-                v-else
-                v-model="item.enable"
-                active-text="是"
-                inactive-text="否"
-              />
-            </el-descriptions-item>
-          </el-descriptions>
-        </div>
-      </el-card>
     </div>
-  </div>
-
-  <el-dialog
-    v-model="showCreateDialog"
-    title="新增 AI 助手"
-    width="40%"
-    :close-on-click-modal="false"
-    :before-close="clearCreateParam"
-  >
-    <el-form :model="createAssistantParam" label-width="120px">
-      <el-form-item label="名称">
-        <el-input v-model="createAssistantParam.name" />
-      </el-form-item>
-      <el-form-item label="模型">
-        <el-select
-          v-model="createAssistantParam.model"
-          placeholder="请选择模型"
-          style="width: 100%"
+    <div class="flex h-[640px]" v-loading="dataLoading">
+      <div class="card-container">
+        <el-card
+          class="assistant-card"
+          shadow="hover"
+          v-for="item in assistantList"
+          :key="item.id"
+          v-loading="item.saveLoading"
         >
-          <el-option
-            v-for="model in modelList"
-            :key="model.value"
-            :label="model.name"
-            :value="model.value"
+          <template #header>
+            <div class="assistant-header">
+              <span v-if="!item.edit">
+                {{ item.name }}
+              </span>
+              <el-input v-else v-model="item.name" style="width: 80%" />
+              <el-button-group>
+                <el-button
+                  link
+                  :type="item.edit ? 'primary' : 'warning'"
+                  @click="item.edit = !item.edit"
+                >
+                  {{ item.edit ? "取消" : "编辑" }}
+                </el-button>
+                <el-button
+                  v-if="!item.edit"
+                  link
+                  type="danger"
+                  @click="deleteAssistantHandle(item.id)"
+                  >删除</el-button
+                >
+                <el-button
+                  v-else
+                  link
+                  type="success"
+                  @click="saveAssistantHandle(item)"
+                  >保存</el-button
+                >
+              </el-button-group>
+            </div>
+          </template>
+
+          <div>
+            <el-descriptions :column="1" size="default" border>
+              <el-descriptions-item label="模型">
+                <el-text v-if="!item.edit">{{ item.model }}</el-text>
+                <el-select
+                  v-else
+                  v-model="item.model"
+                  placeholder="请选择模型"
+                  style="width: 100%"
+                >
+                  <el-option
+                    v-for="model in modelList"
+                    :key="model.value"
+                    :label="model.name"
+                    :value="model.value"
+                  />
+                </el-select>
+              </el-descriptions-item>
+              <el-descriptions-item label="人设">
+                <el-input
+                  v-model="item.personality"
+                  :autosize="{ minRows: 2, maxRows: 4 }"
+                  resize="none"
+                  type="textarea"
+                  placeholder="请输入人设"
+                  :disabled="!item.edit"
+                  clahh="data-input"
+                />
+              </el-descriptions-item>
+              <el-descriptions-item label="启用">
+                <el-tag v-if="!item.edit">{{
+                  item.enable ? "已启用" : "已禁用"
+                }}</el-tag>
+                <el-switch
+                  v-else
+                  v-model="item.enable"
+                  active-text="是"
+                  inactive-text="否"
+                />
+              </el-descriptions-item>
+            </el-descriptions>
+          </div>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      v-model="showCreateDialog"
+      title="新增 AI 助手"
+      width="40%"
+      :close-on-click-modal="false"
+      :before-close="clearCreateParam"
+    >
+      <el-form :model="createAssistantParam" label-width="120px">
+        <el-form-item label="名称">
+          <el-input v-model="createAssistantParam.name" />
+        </el-form-item>
+        <el-form-item label="模型">
+          <el-select
+            v-model="createAssistantParam.model"
+            placeholder="请选择模型"
+            style="width: 100%"
+          >
+            <el-option
+              v-for="model in modelList"
+              :key="model.value"
+              :label="model.name"
+              :value="model.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="人设">
+          <el-input
+            v-model="createAssistantParam.personality"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+            resize="none"
+            type="textarea"
+            placeholder="请输入人设"
           />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="人设">
-        <el-input
-          v-model="createAssistantParam.personality"
-          :autosize="{ minRows: 2, maxRows: 4 }"
-          resize="none"
-          type="textarea"
-          placeholder="请输入人设"
-        />
-      </el-form-item>
-      <el-form-item label="启用">
-        <el-switch
-          v-model="createAssistantParam.enable"
-          active-text="是"
-          inactive-text="否"
-        />
-      </el-form-item>
-    </el-form>
-  </el-dialog>
+        </el-form-item>
+        <el-form-item label="启用">
+          <el-switch
+            v-model="createAssistantParam.enable"
+            active-text="是"
+            inactive-text="否"
+          />
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+  </div>
 </template>
 
 <style lang="scss" scoped>