src/views/reportForms/components/projectDetail.vue

@@ -136,6 +136,8 @@
       </el-row>
 
       <div class="tuli" style="margin-bottom: 24px">
+        <div class="dis_flex align_center mr15px"><div class="mr10px">已订房：</div><div class="dingfang" style="width: 15px;height: 15px" /></div>
+
         <div class="dis_flex align_center mr15px"><div class="mr10px">已选房：</div><div class="xuanfang" style="width: 15px;height: 15px" /></div>
         <div class="dis_flex align_center mr15px"><div class="mr10px">已签约:</div><div class="qianyue" style="width: 15px;height: 15px" /></div>
         <div class="dis_flex align_center mr15px "><div class="mr10px">已收款:</div><div class="shoukuan" style="width: 15px;height: 15px" /></div>
@@ -212,6 +214,11 @@ export default {
                 if (e === '初始状态') {
                     return 'chushi status_box '
                 }
+                if (e === '已订房') {
+                    return 'dingfang status_box '
+                }
+            } else {
+                return 'dingfang status_box'
             }
         },
         initData(data) {
@@ -354,4 +361,11 @@ export default {
     border: 2px solid black;
     background-color: #ffffff;
 }
+.dingfang{
+    text-align: center;
+    width: 75px;
+    border: 2px solid black;
+    background-color: #8200ff;
+    color: white;
+}
 </style>