订单的单据颜色显示

src/components/orderMan/orderList.vue

@@ -55,12 +55,38 @@
         </el-input>
 
       </div>
-      <div>
+      <div style="display: flex;flex-direction: row;align-items: center;justify-content: space-between">
+        <div>
           <span >主播名称：</span>
           <el-input @clear="msg.pageIndex=1,getList()"  @keyup.enter.native="msg.pageIndex=1,getList()" clearable style="margin-top:10px;width:200px" class="input-with-select"
-            placeholder="请输入主播名称" v-model="msg.AnchorName" size="small">
+                    placeholder="请输入主播名称" v-model="msg.AnchorName" size="small">
 
           </el-input>
+        </div>
+        <div style="display: flex;flex-direction: row;align-items: center;font-size: 12px">
+            <div class="fkbox">
+              <div class="fkbox_item" style="background: #00FFFF"></div>
+              <span>暂存</span>
+            </div>
+            <div class="fkbox">
+              <div class="fkbox_item" style="background: #0080FF"></div>
+              <span>审核中</span>
+            </div>
+            <div class="fkbox">
+              <div class="fkbox_item" style="background: #000"></div>
+              <span>通过</span>
+            </div>
+            <div class="fkbox">
+              <div class="fkbox_item" style="background: #FF4048"></div>
+              <span>出纳审核通过</span>
+            </div>
+            <div class="fkbox">
+              <div class="fkbox_item" style="background: #FFF100"></div>
+              <span>驳回</span>
+            </div>
+
+        </div>
+
       </div>
       <div>
         <el-tabs style="margin-top:20px" v-model="activeName" @tab-click="handleClick">
@@ -180,8 +206,8 @@
 
 
                     </div>
-                      <div flex="cross:center main:center" v-if="item.TenantId==1">
-                        <el-dropdown trigger="click"  >
+                      <div   style="width: 250px; display: flex;flex-direction:column;justify-content: center" v-if="item.TenantId==1">
+                        <el-dropdown trigger="click"   style="margin-left: 50px">
                           <span class="el-dropdown-link">制单</span>
                           <el-dropdown-menu slot="dropdown" class="TC-dropdown">
                             <el-dropdown-item  @click.native="goCollection(item,list)">
@@ -192,6 +218,17 @@
                             </el-dropdown-item>
                           </el-dropdown-menu>
                         </el-dropdown>
+                        <div style="margin-top: 5px;font-size: 12px" v-if="list.YSMoney!=0 || list.RealMoney!=0 || list.YFMoney!=0 || list.PayMoney!=0">
+                          其他费用：
+                        </div>
+                        <div style="font-size: 12px" v-if="list.YSMoney!=0 || list.RealMoney!=0">
+                          <span>应收：￥{{list.YSMoney}}</span>
+                          <span style="margin-left: 10px">实收：￥{{list.RealMoney}}</span>
+                        </div>
+                        <div style="font-size: 12px" v-if="list.YFMoney!=0 || list.PayMoney!=0">
+                          <span>应付：￥{{list.YFMoney}}</span>
+                          <span style="margin-left: 10px">实付：￥{{list.PayMoney}}</span>
+                        </div>
                       </div>
                   </div>
                   </div>
@@ -201,7 +238,7 @@
                         <span v-for="(item,index2) in list.SFinanceList" :key="index2" @click="goSF(item)">
                             <span class="billtext" v-if="item.Status == 0" :style="{color:'#00FFFF'}">{{item.FrID}}</span>
                             <span class="billtext" v-if="item.Status == 1" :style="{color:'#0080FF'}">{{item.FrID}}</span>
-                            <span class="billtext" v-if="item.Status == 2&&item.Is_Cashier==1" :style="{color:'#FF4048'}">{{item.FrID}}</span>
+                            <span class="billtext" v-if="item.Status == 1&&item.Is_Cashier==1" :style="{color:'#FF4048'}">{{item.FrID}}</span>
                             <span class="billtext" v-if="item.Status == 2" >{{item.FrID}}</span>
                             <span class="billtext" v-if="item.Status == 3" :style="{color:'#FFF100'}">{{item.FrID}}</span>
                             <span class="billtext" v-if="item.Status == 4" :style="{color:'#800080'}">{{item.FrID}}</span>
@@ -213,7 +250,7 @@
                         <span v-for="(item,index2) in list.ZFinanceList" :key="index2" @click="goZF(item)">
                             <span class="billtext" v-if="item.Status == 0" :style="{color:'#00FFFF'}">{{item.FrID}}</span>
                             <span class="billtext" v-if="item.Status == 1" :style="{color:'#0080FF'}">{{item.FrID}}</span>
-                            <span class="billtext" v-if="item.Status == 2&&item.Is_Cashier==1" :style="{color:'#FF4048'}">{{item.FrID}}</span>
+                            <span class="billtext" v-if="item.Status == 1&&item.Is_Cashier==1" :style="{color:'#FF4048'}">{{item.FrID}}</span>
                             <span class="billtext" v-if="item.Status == 2" >{{item.FrID}}</span>
                             <span class="billtext" v-if="item.Status == 3" :style="{color:'#FFF100'}">{{item.FrID}}</span>
                             <span class="billtext" v-if="item.Status == 4" :style="{color:'#800080'}">{{item.FrID}}</span>
@@ -1752,4 +1789,17 @@
     cursor: pointer;
     display: inline-block;
   }
+  .orderList .fkbox{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-right: 5px;
+  }
+.orderList .fkbox .fkbox_item{
+  width: 10px;
+  height: 10px;
+  border-radius: 2px;
+  margin-right: 3px;
+}
+
 </style>