修复:添加快捷命令时，命令过长时显示异常 #28

Author: TheBlindM

ui/src/layouts/common/shell/shortcutCmd/components/cmd/addCmd.vue

@@ -25,13 +25,16 @@
             style="display: inline-block"
           >
             <n-tag
-              style="user-select: none"
+              style="user-select: none; "
               type="info"
               closable
               @close="cmdImplTagClose(index)"
               @dblclick="cmdImplTagEdit(index)"
             >
-              {{ `${tag.cmdTemplate}[${tag.shortcutCmdTtyTypeNameList.join(',')}]` }}
+							<n-ellipsis style="max-width: 100px">
+								{{tag.cmdTemplate}}
+							</n-ellipsis>
+              {{ `[${tag.shortcutCmdTtyTypeNameList.join(',')}]` }}
             </n-tag>
           </div>
 

ui/src/layouts/common/shell/shortcutCmd/components/cmd/updCmd.vue

@@ -28,7 +28,10 @@
                 @close="cmdImplTagClose(index)"
                 @dblclick="cmdImplTagEdit(index)"
               >
-                {{ `${tag.cmdTemplate}[${tag.shortcutCmdTtyTypeNameList.join(',')}]` }}
+								<n-ellipsis style="max-width: 100px">
+									{{tag.cmdTemplate}}
+								</n-ellipsis>
+								{{ `[${tag.shortcutCmdTtyTypeNameList.join(',')}]` }}
               </n-tag>
             </div>