fix: bug#13222

src/views/device/Product/Detail/MetadataMap/index.vue

@@ -20,12 +20,17 @@
       >
         <template #bodyCell="{ column, text, record, index }">
           <template v-if='column.dataIndex === "name"'>
-            <span class='metadata-title'>{{ text }} ({{ record.id }})</span>
+            <span class='metadata-title'>
+              <j-ellipsis>
+                {{ text }} ({{ record.id }})
+              </j-ellipsis>
+            </span>
           </template>
           <template v-if='column.dataIndex === "plugin"'>
             <j-select
               v-model:value='record.plugin'
               style='width: 100%'
+              allowClear
               @change='(id) => pluginChange(record, id)'
             >
               <j-select-option
@@ -40,6 +45,7 @@
       </j-table>
     </div>
     <div class='right'>
+      <j-scrollbar>
         <div class='title'>
           功能说明
         </div>
@@ -60,6 +66,7 @@
         <div>
           <img :src='getImage("/device/matadataMap.png")' />
         </div>
+      </j-scrollbar>
     </div>
   </div>
 </template>
@@ -87,7 +94,7 @@ const columns = [
   {
     title: '序号',
     dataIndex: 'index',
-    width: 120
+    width: 100
   },
   {
     title: '平台属性',
@@ -96,6 +103,7 @@ const columns = [
   {
     title: '目标属性',
     dataIndex: 'plugin',
+    width: 250,
     sorter: tableFilter
   }
 ]