异常订单的特需样式改成订单列表一样

src/views/ecw/order/exception/index.vue

@@ -172,7 +172,10 @@
          <router-link :to="{path: '/order/detail',query: {orderId: scope.row.orderId}}" class="link-type">
            <span>{{ scope.row.orderNo }}</span>
          </router-link>
-             <span>{{specialNeedTag(scope.row.specialNeed)}}</span>
+          <div style="display: flex;flex-wrap: wrap;" v-if="scope.row.specialNeed">
+            <el-button size="mini" style="margin-left: 20px" type="danger" circle v-for="(item,index) in specialRendering(scope.row.specialNeed)" :key="index">{{item.symbol}}</el-button>
+          </div>
+<!--             <span>{{specialNeedTag(scope.row.specialNeed)}}</span>-->
          </template>
        </el-table-column>
       <el-table-column :label="$t('唛头')" align="center" >
@@ -420,6 +423,19 @@ export default {
             this.$message.success(this.$t('已加入导出队列，请稍后在下载日志中下载'))
         })
     },
+    specialRendering(val){
+      console.log('val', val)
+      if(val !== undefined){
+        let i = val.split(',')
+        return this.getDictDatas(this.DICT_TYPE.ORDER_SPECIAL_NEEDS).filter(e => {
+          return i.indexOf(e.value) > -1
+        }).map(item => {
+          // 打字开头的用最后一个字，否则取第一个字
+          item.symbol = item.label[0] == '打' ? item.label[item.label.length-1]: item.label[0]
+          return item
+        })
+      }
+    },
   }
 }
 </script>