新加供货商列表（接口无数据）

ghsApp/src/admin/ghs/shop.vue

@@ -1,25 +1,57 @@
+<style lang="scss" scoped>
+	.app-content{
+		.flex{display: flex;align-items: center;}
+		.flex-center{display: flex;align-items: center;justify-content: center}
+		.flex-space{display: flex;align-items: center;justify-content: space-between}
+		.flex-end{display: flex;align-items: center;justify-content: flex-end}
+		.list-box{
+			padding: 20rpx;
+			.list{
+				background: #ffffff;
+				padding: 20rpx;
+				margin-bottom: 20rpx;
+				border-radius: 20rpx;
+				image{
+					width: 100rpx;
+					height: 100rpx;
+					margin-right: 20rpx;
+					border-radius: 50%;
+				}
+				.list-msg{
+					line-height: 1;
+					font-size: 32rpx;
+					font-weight: 700;
+					view{
+						margin-bottom: 20rpx;
+					}
+					text{
+						font-size: 24rpx;
+						font-weight: 500;
+						color: #949494;
+					}
+				}
+			}
+		}
+	}
+</style>
 <template>
 	<div class="app-content">
-		<view style="margin:100rpx;">供货商列表</view>
+			<view class="list-box">
+				<view class="flex list">
+						<image src="https://img.hzghd.com/ghs/home/kd.png"></image>
+					<view class="list-msg">
+							<view>花卉名称</view>
+							<text>累积消费2000</text>
+					</view>
+				</view>
+			</view>
 	</div>
 </template>
 
 <script>
-	import TuiListCell from '@/components/plugin/list-cell'
-	import AppAvatarModule from '@/components/module/app-avatar'
-	import SimpleAddress from '@/components/plugin/simple-address'
-	import AppAreaSel from '@/components/app-area-sel'
-	const form = require('@/utils/formValidation.js')
-	// api
-    import { updateShop as update, addShop as add } from '@/api/shop'
+	import { getList } from "@/api/ghs";
 	export default {
 		name: 'ghs-shop',
-		components: {
-			TuiListCell,
-            AppAvatarModule,
-            SimpleAddress,
-            AppAreaSel
-		},
 		data() {
 			return {
 				
@@ -28,45 +60,16 @@
 		onLoad() {
 		},
 		onShow() {
+			this._getList();
 		},
 		methods: {
-
+			_getList(){
+				getList({ type: 0 }).then(res => {
+					console.log(res);
+				});
+			},
 		}
 	}
 </script>
 
-<style lang="scss" scoped>
-	.app-content {
-		min-height: calc(100vh - 20px);
-		padding-top: 20px;
-	}
-	.prompt-text {
-		color: $fontColor3;
-		padding-left: 30px;
-		margin-bottom: 30px;
-	}
-	// ---
-	.module-com {
-		margin-bottom: 20px;
-		.member-wrap {
-			.member-det {
-				font-size: 24px;
-				margin-left: 20px;
-			}
-		}
-		.remark-wrap {
-			align-items: flex-start;
-			.remark {
-				height: 240px;
-			}
-		}
-	}
-	// 按钮
-	.confirm-btn {
-		width: calc(100% - 60px);
-		margin: 60px 30px 20px;
-		.admin-button-com {
-			width: 100%;
-		}
-	}
-</style>
+

ghsApp/src/api/ghs/index.js

@@ -0,0 +1,8 @@
+import https from '@/plugins/luch-request_0.0.7/request'
+
+/** *
+ * 供货商列表 姜枫 2021.04.01
+ */
+export const getList = data => {
+	return https.get('/ghs/list', data)
+}