no message

src/components/customerManage/orderList.vue

@@ -59,7 +59,9 @@
             <tr>
               <td :rowspan="3">
                <p class="OrderId-text" @click="clickSingleNumber(item)">{{item.OrderId}}
-                   <!-- <span class="OrderType-text" v-for="(items,index) in item.MultipleChoiceList">{{items.Name}}</span> -->
+                   <span class="OrderType-text"
+                   :class="items.Id==1?'one':(items.Id==2?'two':(items.Id==3?'three':(items.Id==4?'four':(items.Id==5?'five':''))))"
+                   v-for="(items,index) in item.MultipleChoiceList">{{items.Name}}</span>
                </p>
                <p class="CreateByName-text">{{item.CreateByName}}</p>
                <p class="CreateByName-text">业务员：<span class="colorblue">{{item.EnterName}}</span></p>
@@ -276,6 +278,9 @@
                     }, {
                         Name: '套餐',
                         Id: '4'
+                    }, {
+                        Name: '套餐',
+                        Id: '5'
                     }
                 ],
                 userInfo: {},
@@ -1070,4 +1075,32 @@
     .font-color-link{
         cursor: pointer;
     }
+    .OrderType-text{
+        font-size: 14px;
+        font-weight: 100;
+        margin-left: 5px;
+        border-radius: 3px;
+        display: inline-block;
+        padding: 0 2px;
+    }
+    .OrderType-text.one{
+        color: rgb(41, 97, 254);
+        background-color: rgba(41, 97, 254,.2);
+    }
+    .OrderType-text.two{
+        color: rgb(242, 140, 29);
+        background-color: rgba(242, 140, 29,.2);
+    }
+    .OrderType-text.three{
+        color: rgb(63, 196, 255);
+        background-color: rgba(63, 196, 255,.2);
+    }
+    .OrderType-text.four{
+        color: rgb(255,224,130);
+        background-color: rgba(255,224,130,.2);
+    }
+    .OrderType-text.five{
+        color: rgb(197,225,165);
+        background-color: rgba(97,225,165,.2);
+    }
 </style>
\ No newline at end of file

src/components/guestManagement/Agreement.vue

@@ -115,6 +115,37 @@
     /deep/.el-table .cell.el-tooltip{
         overflow: hidden !important;
     }
+    .OrderType-text{
+        font-size: 12px;
+        font-weight: 100;
+        margin-left: 5px;
+        border-radius: 3px;
+        display: inline-block;
+        padding: 0 2px;
+    }
+    .OrderType-text-box .OrderType-text:nth-child(2){
+        margin-left: 0;
+    }
+    .OrderType-text.one{
+        color: rgb(41, 97, 254);
+        background-color: rgba(41, 97, 254,.2);
+    }
+    .OrderType-text.two{
+        color: rgb(242, 140, 29);
+        background-color: rgba(242, 140, 29,.2);
+    }
+    .OrderType-text.three{
+        color: rgb(63, 196, 255);
+        background-color: rgba(63, 196, 255,.2);
+    }
+    .OrderType-text.four{
+        color: rgb(255,213,79);
+        background-color: rgba(255,213,79,.2);
+    }
+    .OrderType-text.five{
+        color: rgb(197,225,165);
+        background-color: rgba(97,225,165,.2);
+    }
 </style>
 <template>
     <div class="Business">
@@ -158,11 +189,15 @@
         row-class-name="font-size-12">
         <el-table-column
             fixed
-            label="订单号"
-            show-overflow-tooltip>
+            label="订单号" width="120">
             <template slot-scope="scope">
-              {{scope.row.OrderId}}
-              <!-- <p v-for="(item,index) in scope.row.MultipleChoiceList">{{item.Name}}</p> -->
+                <div class="OrderType-text-box">
+                    <p>{{scope.row.OrderId}}</p>
+                    <span class="OrderType-text"
+                        :class="items.Id==1?'one':(items.Id==2?'two':(items.Id==3?'three':(items.Id==4?'four':(items.Id==5?'five':''))))"
+                        v-for="(items,index) in scope.row.MultipleChoiceList">{{items.Name}}</span>
+                </div>
+              
             </template>
           </el-table-column>
           <el-table-column fixed label="业务员" show-overflow-tooltip :width="120">