blob显示样式优化

src/views/DataList/edit.vue

@@ -43,7 +43,9 @@
             <el-table-column v-for="index of totalColumns" :key="index" :label="`列${index}`" :min-width="index === columnIndex ? '220px' : ''">
               <template slot-scope="scope">
                 <div style="display: flex">
-                  <span type="text" v-if="scope.row.id !== ''" class="cell-span">{{scope.row.binary[index - 1]}}</span>
+                  <span type="text" v-if="scope.row.id !== ''" class="cell-span">
+                    <span :class="{ 'cell-blob': scope.row.binary[index - 1] === 'blob' }">{{scope.row.binary[index - 1]}}</span>
+                  </span>
                   <pack-select v-if="scope.row.id === ''" v-model="scope.row.binary[index - 1].type" @blur="handleBlur" @change="value => handleTypeChange(value, scope.row.binary[index - 1])" placeholder="请选择" class="none-display" style="margin-right: 10px">
                     <el-option
                       v-for="item in typeOptions"
@@ -444,6 +446,14 @@ export default {
     height: 32px
     line-height: 32px
     padding-left: 10px
+  .cell-blob
+    display: inline-block
+    height: 26px
+    line-height: 26px
+    padding: 0 10px
+    color: #fff
+    background: #ccc
+    border-radius: 4px
   .buttons
     position: absolute
     bottom: 0