ui: Move resource icon to first colume for VM list view (#5465)

Author: Pearl1594

ui/src/components/view/ListView.vue

@@ -61,7 +61,13 @@
     -->
 
     <span slot="name" slot-scope="text, record">
-      <div style="min-width: 120px" >
+      <span v-if="['vm'].includes($route.path.split('/')[1])">
+        <span v-if="record.icon && record.icon.base64image">
+          <resource-icon :image="record.icon.base64image" size="1x" style="margin-right: 5px"/>
+        </span>
+        <os-logo v-else :osId="record.ostypeid" :osName="record.ostypename" size="lg" style="margin-right: 5px" />
+      </span>
+      <span style="min-width: 120px" >
         <QuickView
           style="margin-left: 5px"
           :actions="actions"
@@ -97,7 +103,7 @@
           <router-link :to="{ path: $route.path + '/' + record.id }" v-if="record.id">{{ text }}</router-link>
           <router-link :to="{ path: $route.path + '/' + record.name }" v-else>{{ text }}</router-link>
         </span>
-      </div>
+      </span>
     </span>
     <a slot="templatetype" slot-scope="text, record" href="javascript:;">
       <router-link :to="{ path: $route.path + '/' + record.templatetype }">{{ text }}</router-link>
@@ -107,14 +113,6 @@
       <span v-else>{{ text }}</span>
     </template>
     <a slot="displayname" slot-scope="text, record" href="javascript:;">
-      <span v-if="['vm'].includes($route.path.split('/')[1])">
-        <span v-if="record.icon && record.icon.base64image">
-          <resource-icon :image="record.icon.base64image" size="1x" style="margin-right: 5px"/>
-        </span>
-        <span v-else>
-          <os-logo :osId="record.ostypeid" :osName="record.ostypename" size="lg" style="margin-right: 5px" />
-        </span>
-      </span>
       <QuickView
         style="margin-left: 5px"
         :actions="actions"