|
|
@@ -0,0 +1,143 @@
|
|
|
+<template>
|
|
|
+ <!-- 经销商基本信息 -->
|
|
|
+ <view class="whole">
|
|
|
+ <view class="head">
|
|
|
+ <view class="behind"></view>
|
|
|
+ <view class="below">
|
|
|
+ <view class="nothing" v-if="judge==true">
|
|
|
+ <u-empty mode="page" text="暂无数据"></u-empty>
|
|
|
+ </view>
|
|
|
+ <view class="content" v-for="(item, index) in supplier_s" :key="index">
|
|
|
+ <view class="content_s">
|
|
|
+ <view class="title">
|
|
|
+ <view></view>
|
|
|
+ <h3>{{item.agentName}}</h3>
|
|
|
+ </view>
|
|
|
+ <view class="information_E">
|
|
|
+ <u-image width="250rpx" v-for="(item2, index) in item.brandList" :key="index" :src="item2" mode="widthFix"></u-image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ request
|
|
|
+ } from '../../common/request/request'
|
|
|
+ require("promise.prototype.finally").shim()
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ judge: true,
|
|
|
+ supplier_s: [] //经销商信息
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.supplier()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ supplier() {
|
|
|
+ request({
|
|
|
+ url: '/myapp/storeSelectAgent',
|
|
|
+ method: 'Post',
|
|
|
+ data: {
|
|
|
+ storeId: this.$store.state.storeInfo.storeId,
|
|
|
+ userId: this.$store.state.storeInfo.userId
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ console.log(res.data.data)
|
|
|
+ console.log(res)
|
|
|
+ this.supplier_s = res.data.data
|
|
|
+ console.log(this.supplier_s)
|
|
|
+ if (this.supplier_s.length != 0) {
|
|
|
+ this.judge = false
|
|
|
+ }
|
|
|
+ console.log(res.data.data[1].brandList[1])
|
|
|
+ }).catch(err => {
|
|
|
+ console.log(err)
|
|
|
+ if (this.supplier_s.length != 0) {
|
|
|
+ this.judge = false
|
|
|
+ }
|
|
|
+ }).finally(() => {
|
|
|
+ // Loading.close()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .behind {
|
|
|
+ width: 750rpx;
|
|
|
+ height: 462rpx;
|
|
|
+ background: url(../../static/sailun/behind.png) no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ margin-top: -150rpx;
|
|
|
+ padding-top: 100px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .below {
|
|
|
+ margin-top: -270rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nothing {
|
|
|
+ width: 96%;
|
|
|
+ height: 800rpx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ box-shadow: 0 0 24rpx 0 rgba(101, 176, 249, 0.41);
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ width: 667rpx;
|
|
|
+ height: auto;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 10rpx 30rpx 0px rgba(223, 223, 223, 0.51);
|
|
|
+ border-radius: 18px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-top: 30rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ padding-bottom: 40rpx;
|
|
|
+
|
|
|
+ .content_s {
|
|
|
+ width: 92%;
|
|
|
+ // height: 330rpx;
|
|
|
+ height: auto;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 10rpx;
|
|
|
+
|
|
|
+ .information {
|
|
|
+ margin-top: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .information_E {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ flex-flow: wrap;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ border-bottom: 1rpx solid #EBEBEB;
|
|
|
+ padding-bottom: 15rpx;
|
|
|
+
|
|
|
+ view {
|
|
|
+ width: 6px;
|
|
|
+ height: 20px;
|
|
|
+ background: #0292FD;
|
|
|
+ float: left;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ margin-top: 5rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
qukaidi
