提交代码

src/views/reportForms/components/projectDetail.vue

@@ -5,7 +5,7 @@
         <el-col :span="24">
           <span class="card_title">项目基础信息</span>
         </el-col>
-          <el-divider />
+        <el-divider />
       </el-row>
       <el-row class="handle-box">
         <el-col :span="8">
@@ -100,7 +100,7 @@
         <el-col :span="24">
           <span class="card_title">分期信息</span>
         </el-col>
-          <el-divider />
+        <el-divider />
       </el-row>
       <el-row class="handle-box">
         <el-col :span="8">
@@ -132,10 +132,12 @@
         <el-col :span="24">
           <span class="card_title">图例</span>
         </el-col>
-          <el-divider />
+        <el-divider />
       </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) {
@@ -349,4 +356,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>