Browse Source

添加图例编码,处理表格展示添加逗号个隔断

shaun-sheep 4 years ago
parent
commit
471d1e40dd
1 changed files with 7 additions and 4 deletions
  1. 7 4
      src/views/legendLibrary/index.vue

+ 7 - 4
src/views/legendLibrary/index.vue

@@ -107,6 +107,9 @@
                 ></el-input>
             </div>
             <el-table :data='tableData' v-loading='loading' :key='key' :border='true' style='width: 100%'>
+                <el-table-column prop='Name' label='图例编码' width='180'>
+                    <template slot-scope='{row}'>{{row.Id }}</template>
+                </el-table-column>
                 <el-table-column prop='Name' label='图例名称' width='180'>
                     <template slot-scope='{row}'>{{row.Name }}</template>
                 </el-table-column>
@@ -120,24 +123,24 @@
                 </el-table-column>
                 <el-table-column prop='position' label='对应广场说明书的位置' show-overflow-tooltip>
                     <template slot-scope='{row}'>
-                        <span v-for='item in row.GraphCategorys ' :key='item.Name'>{{item.Name | filterName(index,row.GraphCategorys)}}</span>
+                        <span>{{row.GraphCategorys.map(item => item.Name).join(' ,') }}</span>
                     </template>
                 </el-table-column>
                 <el-table-column label='对应工程信息化' align='center'>
                     <el-table-column prop='type' label='位置/设备分类' show-overflow-tooltip>
                         <template slot-scope='{row}'>
-                            <span v-for='(item,index) in row.InfoLocal ' :key='item.name'>{{item.name |filterName(index,row.InfoLocal)}}</span>
+                            <span>{{row.InfoLocal.map(item => item.name).join(' ,') }}</span>
                         </template>
                     </el-table-column>
                     <el-table-column prop='system' label='专业' show-overflow-tooltip width='120'>
                         <template slot-scope='{row}'>
-                            <span v-for='(item,index) in row.InfoSystem ' :key='index'>{{item.Name}}</span>
+                            <span>{{row.InfoSystem.map(item => item.Name).join(' ,') }}</span>
                         </template>
                     </el-table-column>
                 </el-table-column>
                 <el-table-column prop='typeId' resizable label='铺位可视化typeid' width='140' show-overflow-tooltip>
                     <template slot-scope='{row}'>
-                        <span v-for='(item,index) in row.InfoTypes ' :key='index'>{{item.Name | filterName(index,row.InfoTypes)}}</span>
+                        <span>{{row.InfoTypes.map(item => item.Name).join(' ,') }}</span>
                     </template>
                 </el-table-column>
                 <el-table-column label='操作' width='100' v-if='state==1'>