航道疏浚工程信息界面更改

src/views/hdsj/Index.vue

@@ -44,14 +44,17 @@
                 >{{ item.status }}</span>
                 <!-- <span class="status-ywc">已完成</span> -->
               </div>
-              <div>
-                <span>总方量</span><span>{{ (item.quantities/10000).toFixed(2) }}</span><span>万方</span>
-                <span>总投资</span><span>{{ Math.floor(item.investment) }}</span><span>万元</span>
-              </div>
               <div v-if="item.projectEndTime||item.projectStartTime">
                 <span>{{ item.projectStartTime }}</span><span>至</span><span>{{ item.projectEndTime }}</span>
               </div>
               <div v-else></div>
+              <div>
+                <span>计划方量</span><span>{{ (item.quantities/10000).toFixed(2) }}</span><span>万方</span>
+                <span>实际方量</span><span>{{ Math.floor(item.investment) }}</span><span>万方</span>
+              </div>
+              <div>
+                <span>总投资</span><span>{{ Math.floor(item.investment) }}</span><span>万元</span>
+              </div>
             </div>
           </li>
         </ul>
@@ -683,15 +686,15 @@ export default {
               margin-right: 10px;
               font-size: 15px;
               font-family: BarlowBold;
-              color: #FFFFFF;
               opacity: 0.8;
             }
-            span:nth-child(2), span:nth-child(5) {
+            span:nth-child(4), span:nth-child(6) {
               margin-right: 2px;
+              color: #FFFFFF;
               font-size: 16px;
               opacity: 1;
             }
-            span:nth-child(3n) {
+            span:nth-child {
               font-size: 12px;
               opacity: 0.8;
             }
@@ -700,15 +703,33 @@ export default {
           &>div:nth-child(3) {
             height: 20px;
             span {
-              font-size: 15px;
+              margin-right: 10px;
+              font-size: 12px;
               font-family: BarlowBold;
               color: #FFFFFF;
               opacity: 0.7;
             }
-            span:nth-child(2) {
-              margin: 0 8px;
+            span:nth-child(2), span:nth-child(3), span:nth-child(5), span:nth-child(6){
+              color: #FFFFFF;
+              font-size: 13px;
+              opacity: 1;
+            }
+          }
+          &>div:nth-child(4) {
+            height: 20px;
+            span {
+              margin-right: 10px;
+              font-size: 12px;
+              font-family: BarlowBold;
+              color: #FFFFFF;
+              opacity: 0.7;
+            }
+            span:nth-child(2), span:nth-child(3){
+              margin-right: 2px;
+              color: #FFFFFF;
+              font-size: 13px;
+              opacity: 1;
             }
-            
           }
         }
       }