Optimize the display of translation interface names

Former-commit-id: 6fb59acb32a62b12768b61c6f8ed9ed8769fd20a

javascript/main.entry.js.REMOVED.git-id

@@ -1 +1 @@
-17bc0a456023568d69e3b88ebdc55e71f8938cd0
+0206123388f09d220b27c327a816bc20d71d7fc0

javascript/main.entry.js.map.REMOVED.git-id

@@ -1 +1 @@
-2091c3d9361d574752bf7481499597b7b43c692d
+cfd684900d4acfcde465d91d04d79d0385dd0e24

src/src/components/translateSetting.vue

@@ -9,7 +9,7 @@
                             <optgroup v-for="typeGroup in supportApi" :key="typeGroup.type"
                                       :label="getLang(typeGroup.type)">
                                 <option v-for="item in typeGroup.children" :key="item.key" :value="item.key">
-                                    {{ getItemName(item.name) }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;QPS: {{ item.concurrent || 1 }}
+                                    {{ getItemName(item) }}
                                 </option>
                             </optgroup>
                         </select>
@@ -186,9 +186,15 @@ Github: Physton/sd-webui-prompt-all-in-one`,
             this.onlyCsvOnAutoValue = this.onlyCsvOnAuto
             this.refreshCSVs()
         },
-        getItemName(name) {
+        getItemName(item) {
+            let name = item.name
             name = name.replace('[Free] ', '[' + this.getLang('free') + '] ')
             name = name.replace('[ApiKey] ', '[' + this.getLang('apply_for_free') + '] ')
+            // 不足100个字符的，用空格补齐
+            if (name.length < 30) {
+                name += new Array(30 - name.length).join('　')
+            }
+            name += '[QPS: ' + (item.concurrent || 1) + ']'
             return name
         },
         refreshCSVs() {