产权交易出价优化

src/views/biddingHall/index.vue

@@ -112,28 +112,33 @@
             <p :style="{
                 color: {
                   '未开始': '#007E72',
-                  '已结束': '#c4c4c4',
+                  '已结束': '#848484',
                   '进行中': '#c21F3a',
                 }[item.timeType]}">{{item.timeType}}</p>
           </div>
           <div class="list_li_time">
               <van-count-down :time="item.deadline">
                 <template #default="timeData">
-                  <span style="color: #c4c4c4">距竞价结束</span>
-                  <span :style="{
+                  <span style="color: #848484;font-size: 14PX;">距结束</span>
+                  <span :style="{'font-size':'14px',
                 color: {
                   '未开始': '#007E72',
-                  '已结束': '#c4c4c4',
+                  '已结束': '#848484',
                   '进行中': '#c21F3a',
-                }[item.timeType]}">{{timeData.days}}天{{timeData.hours}}时{{timeData.minutes}}分{{timeData.seconds}}秒</span>
+                }[item.timeType]}">
+                    <span style="font-size: 18PX;">{{timeData.days}}</span>天
+                    <span style="font-size: 18PX;">{{timeData.hours}}</span>时
+                    <span style="font-size: 18PX;">{{timeData.minutes}}</span>分
+                    <span style="font-size: 18PX;">{{timeData.seconds}}</span>秒
+                  </span>
                 </template>
               </van-count-down>
               <p>
-                <span style="color: #c4c4c4">当前价 </span>
+                <span style="color: #848484">当前价 </span>
                 <span :style="{'font-size':'14px',
                 color: {
                   '未开始': '#007E72',
-                  '已结束': '#c4c4c4',
+                  '已结束': '#848484',
                   '进行中': '#c21F3a',
                 }[item.timeType]}" v-if="item.biddingType=='自由竞价'&&item.deadline>0">
                   *
@@ -141,7 +146,7 @@
                 <span :style="{'font-size':'14px',
                 color: {
                   '未开始': '#007E72',
-                  '已结束': '#c4c4c4',
+                  '已结束': '#848484',
                   '进行中': '#c21F3a',
                 }[item.timeType]}" v-else>
                   {{item.money}}
@@ -149,13 +154,13 @@
                 <span v-if="item.money" :style="{
                 color: {
                   '未开始': '#007E72',
-                  '已结束': '#c4c4c4',
+                  '已结束': '#848484',
                   '进行中': '#c21F3a',
                 }[item.timeType]}">{{item.priceUnit}}</span>
                 <span v-else :style="{
                 color: {
                   '未开始': '#007E72',
-                  '已结束': '#c4c4c4',
+                  '已结束': '#848484',
                   '进行中': '#c21F3a',
                 }[item.timeType]}">暂无出价</span>
               </p>
@@ -372,7 +377,7 @@ export default {
     width: 94%;
     background: #ffffff;
     border-radius: 8PX;
-    margin: 15PX auto 0;
+    margin: 10PX auto 0;
     padding: 3vw 5%;
     .list_li_tt{
       display: flex;
@@ -381,7 +386,7 @@ export default {
       border-bottom: 1PX solid rgb(239,239,239);
       align-items: center;
       p{
-        line-height: 1;
+        line-height: 22PX;
         &:nth-child(1){
           color: #333333;
           font-weight: bold;
@@ -394,6 +399,7 @@ export default {
         }
         &:nth-child(2){
           flex-shrink: 0;
+          margin-left: 15PX;
         }
       }
     }
@@ -420,13 +426,13 @@ export default {
   justify-content: right;
   div{
     width: calc(50% - 4PX);
-    border-top: 1PX solid rgb(196,196,196);
+    border-top: 1PX solid #c4c4c4;
   }
   i{
     width: 8PX;
     height: 8PX;
     display: block;
-    background: rgb(196,196,196);
+    background: #c4c4c4;
     border-radius: 50%;
   }
 }
@@ -452,7 +458,7 @@ export default {
 .biddingProcess_text{
   /*font-size: 1vh;*/
   margin-top: 10PX;
-  color: rgb(196,196,196);
+  color: #848484;
 }
 .biddingProcessContent{
   padding:0.4rem 0;

src/views/project/projectDetail.vue

@@ -520,6 +520,9 @@ export default {
       setInterval(function () {
         getBiddingList(that.id).then(response =>{
           that.biddinglistInformation = response.rows
+          if(response.rows.length != that.biddinglistInformationLength){
+            that.price = parseInt(response.rows[0].money) - parseInt(that.detail.ladderPrice)
+          }
           that.biddinglistInformationLength = response.total
         });
       },1000)