config_tools: rename "Virtio console" to "virtio serial port (as console)"

virtio serial port and virtio console are all based on virito serial port.
but virtio serial port functionally can not be used as console,
which may lead to user confusion, so explicitly specify the point by
changing the item name as follows:
Virtio console -> virtio serial port (as console)

Tracked-On: #7540
Signed-off-by: Kunhui-Li <kunhuix.li@intel.com>
Reviewed-by: Junjie Mao <junjie.mao@intel.com>

misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/Virtio/Console.vue

@@ -8,7 +8,7 @@
             <label>Use type: </label>
           </b-col>
           <b-col md="4">
-            <b-form-select v-model="console.use_type" :options="ConsoleUseType"/>
+            <b-form-select v-model="console.use_type" :options="getUseTypes"/>
           </b-col>
         </b-row>
 
@@ -95,7 +95,8 @@ export default {
   },
   data() {
     return {
-      ConsoleUseType: this.rootSchema.definitions['VirtioConsoleUseType']['enum'],
+      enumNames: this.rootSchema.definitions['VirtioConsoleUseType']['enumNames'],
+      enum: this.rootSchema.definitions['VirtioConsoleUseType']['enum'],
       ConsoleBackendType: this.rootSchema.definitions['BasicVirtioConsoleBackendType']['enum'],
       defaultVal: vueUtils.getPathVal(this.rootFormData, this.curNodePath)
     };
@@ -117,6 +118,16 @@ export default {
       deep: true
     }
   },
+  computed: {
+    getUseTypes() {
+      let enumOptions = []
+      for (let i = 0; i < this.enumNames.length; i++) {
+        let enumOption = {text: this.enumNames[i], value: this.enum[i]}
+        enumOptions.push(enumOption)
+      }
+      return enumOptions
+    },
+  },
   methods: {
     removeVirtioConsole(index) {
       this.defaultVal.splice(index, 1);
@@ -165,4 +176,4 @@ export default {
   border-radius: 5px;
   margin-bottom: 1rem;
 }
-</style>
+</style>