供货商列表

ghsApp/src/pagesPurchase/order.vue

@@ -13,6 +13,7 @@
 			</block>
 		</view>
 		<view class="app-footer open_btn">
+			<view @click="getGhsList" class="admin-button-com big blue">供货商列表</view>
 			<view @click="addEvent" class="admin-button-com big blue">新增采购</view>
 		</view>
 	</view>
@@ -81,6 +82,9 @@ export default {
 		this.getCgList()
 	},
 	methods: {
+		getGhsList(){
+			this.$util.pageTo({ url: '/pagesPurchase/supplier',type: 2 })
+		},
 		getCgList() {
 			let ghsId = this.option.ghsId || 0
 			let status = this.tabs[this.tabIndex].key

ghsApp/src/pagesPurchase/supplier.vue

@@ -10,6 +10,7 @@
     <block>
         <block v-if="!$util.isEmpty(supplierList)">
           <view class="list_item" v-for="(item, index) in supplierList" :key="index" @click="goToCg(item)" >
+
             <view class="store_name">
               <image :src="item.avatar"></image>
               <view class="store_title">{{item.name}}</view>
@@ -17,10 +18,22 @@
             </view>
             <view class="store_btn">
               <view class="btn_entrance" @click.stop="pageTo({ url: '/admin/clear/list?ghsId'+item.id})"> 结账记录 </view>
-              <view class="btn_entrance" @click.stop="goToDebtList(item)"> 待结订单 </view>
+              <view class="btn_entrance" @click.stop="getDebtList()"> 欠款变动明细 </view>
               <view class="btn_entrance" @click.stop="pageTo({url:'/pagesPurchase/order?ghsId='+item.id})">采购记录</view>
               <view class="cg-button">采购</view>
             </view>
+
+            <view class="box_6 flex-row" @click="goToDebtList(item)" v-if="Number(item.debtAmount)>0">
+              <view class="show_clear_area flex-row justify-between">
+                <image class="icon_2" referrerpolicy="no-referrer" src="/static/lanhu_020105gongyingshangliebiao/ps2pvfa1l5i34w5vqj2k7b3kejml3i3nmrba1421bf-caa2-491b-8773-af413df7e96d.png" />
+                <text class="waite_clear_order">待结订单&nbsp;{{item.debtNum}}笔&nbsp;¥{{item.debtAmount?parseFloat(item.debtAmount):0}}</text>
+              </view>
+              <view class="image-text_9 flex-row justify-between">
+                <text class="text-group_4">查看明细</text>
+                <image class="icon_3" referrerpolicy="no-referrer" src="/static/lanhu_020105gongyingshangliebiao/ps83ag7scu3a8bfq22ciodg5hiu0x9cesxjbfb4c9ca-ee3f-45ec-a6d7-6f166e13d6e6.png" />
+              </view>
+            </view>
+
           </view>
         </block>
         <block v-else>
@@ -58,6 +71,12 @@ export default {
     }) 
   },
   methods: {
+    getDebtList(){
+      this.$msg('开发中')
+    },
+    settleAccounts (item) {
+      //this.pageTo({ url: '/pagesPurchase/gathering?id='+item.id})
+    },
     init() {
       this.getGHSList('')
     },
@@ -70,7 +89,7 @@ export default {
       })
     },
     goToDebtList(item) {
-      this.pageTo({url: '/pagesGys/details?id='+item.id,type:2})
+      this.pageTo({url: '/pagesGys/details?id='+item.id})
 		},
     goToCg (item) {
       this.pageTo({url: '/pagesPurchase/add?ghsId='+item.id+'&ghsName='+item.name,type:2})
@@ -135,12 +154,60 @@ export default {
   }
   .order_list {
     height: 100%;
-    background: #f0f2f6;
+    background-color: #ece5e5;
     padding: 0 0 20upx;
+
+  .flex-col {
+    display: flex;
+    flex-direction: column;
+  }
+  .flex-row {
+    display: flex;
+    flex-direction: row;
+  }
+  .justify-start {
+      display: flex;
+      justify-content: flex-start;
+    }
+  .justify-center {
+      display: flex;
+      justify-content: center;
+  }
+    
+  .justify-end {
+      display: flex;
+      justify-content: flex-end;
+  }
+  .justify-evenly {
+      display: flex;
+      justify-content: space-evenly;
+  }
+  .justify-around {
+      display: flex;
+      justify-content: space-around;
+  }
+  .justify-between {
+      display: flex;
+      justify-content: space-between;
+  }
+  .align-start {
+      display: flex;
+      align-items: flex-start;
+  }
+  .align-center {
+      display: flex;
+      align-items: center;
+  }
+  .align-end {
+      display: flex;
+      align-items: flex-end;
+  }
+
     .list_item {
       margin: 20upx 0 0;
       position: relative;
-      height: 220upx;
+      height: 280upx;
+      padding-bottom:60upx;
       width: 100vw;
       background: #fff;
       display: flex;
@@ -195,9 +262,57 @@ export default {
             background: #3385FF;
             position: absolute;
             top:-80upx;
-            right:-165upx;
+            right:-110upx;
+        }
+      }
+      .box_6 {
+        background-color: rgb(248, 242, 242);
+        width: 750upx;
+        height:85upx;
+        position:absolute;
+        top:197upx;
+        .show_clear_area {
+          width: 247upx;
+          height: 29upx;
+          margin: 26upx 0 0 30upx;
+          .icon_2 {
+            width: 22upx;
+            height: 26upx;
+            margin-top: 2upx;
+          }
+          .waite_clear_order {
+            width: 214upx;
+            height: 29upx;
+            overflow-wrap: break-word;
+            color: rgba(255, 40, 66, 1);
+            font-size: 30upx;
+            text-align: left;
+            white-space: nowrap;
+            line-height: 29upx;
+          }
+        }
+        .image-text_9 {
+          width: 134upx;
+          height: 27upx;
+          margin: 26upx 29upx 0 310upx;
+          .text-group_4 {
+            width: 111upx;
+            height: 27upx;
+            overflow-wrap: break-word;
+            color: rgba(255, 40, 66, 1);
+            font-size: 30upx;
+            text-align: left;
+            white-space: nowrap;
+            line-height: 27upx;
+          }
+          .icon_3 {
+            width: 14upx;
+            height: 24upx;
+            margin-top: 2upx;
+          }
         }
       }
+
     }
   }
   .pay_list {