付款结清

ghsApp/src/pagesClient/member/detail.vue

@@ -75,7 +75,7 @@
             </tui-list-cell>
 
             <tui-list-cell class="line-cell" :hover="false" :arrow="true" @click="pageTo({ url: '/admin/clear/customList',query: {customId: userInfo.id}})">
-              <div class="tui-title">结账单</div>
+              <div class="tui-title">结账记录</div>
             </tui-list-cell>
 
             <tui-list-cell class="line-cell" :hover="false" :arrow="true" @click="pageTo({ url: '/admin/custom/debtChange',query: {customId: userInfo.id}})">

hdApp/src/pagesPurchase/purDetails.vue

@@ -78,9 +78,9 @@
       <view v-if="detailInfo.debt == 1 || detailInfo.clearId > 0" class="bills-info_box content-box">
         <view class="order-info_box" v-if="detailInfo.debt == 1">
           <view>欠款状态：</view>
-            <view>是</view>
+            <view style="font-weight:bold;color:red;">是</view>
             <view class="price">
-              <button @click="goToSettle(detailInfo)" class="admin-button-com">全部欠款单</button>
+                <text @click="goToSettle(detailInfo)" style="font-weight:normal;color:#3385FF;">查看全部欠款</text>
             </view>
         </view>
         <view class="order-info_box" v-else>
@@ -209,9 +209,16 @@
       </view>
 
     </view>
-    <view class="footer_bar" v-if="detailInfo.status == 1">
-      <view @click="toPay">付款</view>
-    </view>
+    <view class="app-footer open_btn">
+
+      <block v-if="detailInfo.status == 1">
+        <button class="admin-button-com blue big" @click="toPay">去付款</button>
+      </block>
+      <block v-else>
+        <button class="admin-button-com blue big" v-if="detailInfo.debt == 1">付款结清</button>
+      </block>
+
+		</view>
   </view>
 </template>
 
@@ -524,25 +531,6 @@ export default {
     }
   }
 }
-.app-footer {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  & .admin-button-com {
-    padding: 0;
-    margin-right: 15upx;
-    width: 140upx;
-    height: 70upx;
-    line-height: 70upx;
-    text-align: center;
-    color: #3385ff;
-    border: 1px solid #3385ff;
-    &.active {
-      color: #666666;
-      border: 1px solid #ccc;
-    }
-  }
-}
 .proInfo {
   margin-top: 20upx;
 }