赊账

hdApp/src/admin/home/member.vue

@@ -26,14 +26,9 @@
                   </div>
                   <div class="tui-msg-content">
                     <span>{{item.visitTime.substr(5,11)}}</span>
-                    <span>
-                      <span v-if="item.debtAmount>0" class="debt-amount">
-                        <span class="amount_num">-¥{{parseFloat(item.debtAmount)}}</span>
-                      </span>
-                    </span>
                     <text v-if="Number(item.balance)>0" style="color:#3385FF;font-weight:bold;margin-left:20upx;">{{ parseFloat(item.balance) }}</text>
                     <text v-if="Number(item.balance)<0" style="color:red;font-weight:bold;margin-left:20upx;">{{ parseFloat(item.balance) }}</text>
-                    <text v-if="!$util.isEmpty(item.memberName)" style="color:#3385FF;font-weight:bold;">{{ item.memberName }}</text>
+                    <text v-if="!$util.isEmpty(item.memberName)" style="color:#3385FF;font-weight:bold;margin-left:20upx;">{{ item.memberName }}</text>
                   </div>
                 </div>
               </div>

hdApp/src/admin/order/debtItem.vue

@@ -12,9 +12,14 @@
 				<view class="mark">{{ info.addTime.substr(5,11) }}</view>
 			</view>
 			<view class="item-row">
-				<view class="price">¥{{ parseFloat(info.remainDebtPrice) }}</view>
+				<view :class="[Number(info.debtPrice)>Number(info.remainDebtPrice) ? 'price-del' : 'price']" >¥{{ parseFloat(info.debtPrice) }}</view>
 				<view class="price" style="border:1upx solid #67a0f7;border-radius:10upx;font-weight:normal;color:#3385FF;font-size:32upx;width:180upx;height:80upx;justify-content:center;" @click.stop="goToDetai(info)">查看明细</view>
 			</view>
+			<block v-if="Number(info.debtPrice)>Number(info.remainDebtPrice)">
+				<view class="item-row">
+					<view class="price" style="color:red;">已付 ¥{{ info.hasPayDebt }}，剩余欠款 ¥{{ parseFloat(info.remainDebtPrice) }}</view>
+				</view>
+			</block>
 		</view>
 	</view>
 </template>
@@ -104,6 +109,18 @@ export default {
 				color: #999999;
 			}
 		}
+		.price-del {
+			display: flex;
+			align-items: center;
+			font-size: 28upx;
+			font-weight: 600;
+			color: #333333;
+			text-decoration: line-through;
+			.iconfont {
+				font-size: 28upx;
+				color: #999999;
+			}
+		}
 	}
 }
 </style>