排队样式修改

src/views/lineUp/index.vue

@@ -56,7 +56,8 @@
                 <div v-if="profilepicturedata.state == 1" style="color: #52C41A;font-size: 16px;margin-top: 17px;">
                     已发送至用户<i class="el-icon-circle-check" style="color: #52C41A;"></i>
                 </div>
-                <div v-else style="color:#FF4D4F;font-size: 16px;margin-top: 17px;">用户未订阅消息 <i style="color: #FF4D4F;" class="el-icon-circle-close"></i></div>
+                <div v-else style="color:#FF4D4F;font-size: 16px;margin-top: 17px;">用户未订阅消息 <i style="color: #FF4D4F;"
+                        class="el-icon-circle-close"></i></div>
             </div>
             <span slot="footer" class="dialog-footer">
                 <el-button style="width: 176px;
@@ -77,7 +78,8 @@ border: 1px solid rgba(255,255,255,0.28);" @click="dialogConfirm(3)">过号</el-
         <el-dialog title="取号" :visible.sync="dialogVisibles" width="30%">
             <div>
                 <div style="color: #000;">选择桌型</div>
-                <ul class="lineUpBoxUl" style="margin-top: 10px;">
+                <ul class="lineUpBoxUl" :class="[tableData.records.length > 2 ? 'dfs' : 'dfas']"
+                    style="margin-top: 10px;">
                     <li v-for="item in tableData.records" :key="item.id" @click="selectTabletype = item"
                         :class="[[selectTabletype.id == item.id ? 'active' : '']]">
                         <div>{{ item.name }}</div>
@@ -341,7 +343,6 @@ li {
 
 .lineUpBoxList {
     width: 507px;
-    // flex: 0 0 50%;
     height: 148px;
     background: #FFFFFF;
     border-radius: 6px 6px 6px 6px;
@@ -376,7 +377,6 @@ li {
 
         >button:first-child {
             background: #FFFFFF;
-
             font-family: Source Han Sans CN, Source Han Sans CN;
             font-weight: 400;
             font-size: 14px;
@@ -388,6 +388,16 @@ li {
 
 }
 
+.dfs {
+    justify-content: space-between;
+}
+
+.dfas {
+    >li {
+        margin-right: 52px;
+    }
+}
+
 .lineUpBoxUl {
     display: flex;
     align-items: center;
@@ -399,7 +409,6 @@ li {
         width: 112px;
         height: 55px;
         text-align: center;
-        margin-right: 52px;
         position: relative;
 
         >div {

src/views/lineUp/record.vue

@@ -15,7 +15,8 @@
                 <el-table-column label="手机号" prop="phone"> </el-table-column>
                 <el-table-column label="状态">
                     <template v-slot="scope">
-                        <span>{{ scope.row.state | stateFilter }}</span>
+                        <span style="font-weight: 400;font-size: 14px;"
+                            :style="{ color: scope.row.state == 2 ? '#3F9EFF' : '' }">{{ scope.row.state | stateFilter }}</span>
                     </template>
                 </el-table-column>
                 <el-table-column label="时间" prop="callTime"> </el-table-column>