optimize foot copyright snaps

web/src/views/Suno.vue

@@ -44,9 +44,19 @@
                   </el-icon>
                 </template>
               </el-popover>
+              <div class="tag-select">
+                <el-tag
+                  v-for="tag in tags"
+                  :key="tag"
+                  :type="tag === data.tags ? 'success' : ''"
+                  :hit="tag === data.tags"
+                  style="margin-right: 10px"
+                  @click="data.tags = tag"
+                >{{ tag }}</el-tag>
+              </div>
             </div>
             <div class="item">
-              <black-input v-model:value="data.tags" type="textarea" :rows="3" placeholder="请输入音乐风格，多个风格之间用英文逗号隔开..."/>
+              <black-input v-model:value="data.tags" type="textarea" :maxlength="120" :rows="3" placeholder="请输入音乐风格，多个风格之间用英文逗号隔开..."/>
             </div>
           </div>
 
@@ -64,7 +74,7 @@
               </el-popover>
             </div>
             <div class="item">
-              <black-input v-model:value="data.title" type="textarea" :rows="2" placeholder="请输入歌曲名称..."/>
+              <black-input v-model:value="data.title" type="textarea" :rows="1" placeholder="请输入歌曲名称..."/>
             </div>
           </div>
         </div>
@@ -180,6 +190,7 @@ const models = ref([
   {label: "v3.0", value: "chirp-v3-0"},
   {label: "v3.5", value:"chirp-v3-5"}
 ])
+const tags = ref([])
 const data = ref({
   model: "chirp-v3-0",
   tags: "",

web/src/views/admin/ApiKey.vue

@@ -104,10 +104,10 @@
         <el-form-item label="名称：" prop="name">
           <el-input v-model="item.name" autocomplete="off"/>
         </el-form-item>
-        <el-form-item label="用途：" prop="type">
-          <el-select v-model="item.type" placeholder="请选择用途" @change="changeType">
-            <el-option v-for="item in types" :value="item.value" :label="item.name" :key="item.value">{{
-                item.name
+        <el-form-item label="类型：" prop="type">
+          <el-select v-model="item.type" placeholder="请选择类型">
+            <el-option v-for="item in types" :value="item.value" :label="item.label" :key="item.value">{{
+                item.label
               }}
             </el-option>
           </el-select>
@@ -159,13 +159,17 @@ const rules = reactive({
   type: [{required: true, message: '请选择用途', trigger: 'change',}],
   value: [{required: true, message: '请输入 API KEY 值', trigger: 'change',}]
 })
+
 const loading = ref(true)
 const formRef = ref(null)
 const title = ref("")
 const platforms = ref([])
 const types = ref([
-  {name: "聊天", value: "chat"},
-  {name: "绘画", value: "img"},
+  {label: "对话", value:"chat"},
+  {label: "Midjourney", value:"mj"},
+  {label: "DALL-E", value:"dall"},
+  {label: "Suno文生歌", value:"suno"},
+  {label: "Luma视频", value:"luma"},
 ])
 
 

web/src/views/admin/ChatModel.vue

@@ -46,11 +46,6 @@
           </template>
         </el-table-column>
 
-        <!--        <el-table-column label="创建时间">-->
-        <!--          <template #default="scope">-->
-        <!--            <span>{{ dateFormat(scope.row['created_at']) }}</span>-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
         <el-table-column prop="key_name" label="绑定API-KEY"/>
         <el-table-column label="操作" width="180">
           <template #default="scope">
@@ -89,7 +84,7 @@
           <el-input v-model="item.value" autocomplete="off"/>
         </el-form-item>
 
-        <el-form-item label="费率：" prop="weight">
+        <el-form-item label="消耗算力：" prop="weight">
           <template #default>
             <div class="tip-input">
               <el-input-number :min="0" v-model="item.power" autocomplete="off"/>