diff --git a/components/bussiness-components/packingStationItem.vue b/components/bussiness-components/packingStationItem.vue
index bf9e782..5fe24e4 100644
--- a/components/bussiness-components/packingStationItem.vue
+++ b/components/bussiness-components/packingStationItem.vue
@@ -1,229 +1,240 @@
 <template>
-	<view class="packing-area">
-		<view class="info" @tap="goDetail">
-			<image class="image" :src="info.enterpriseLogo || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'"></image>
-			<view class="content">
-				<view class="title">
-					<text class="text">{{ info.enterpriseName }}</text>
-					<image class="icon" :src="info.whetherCooperation ? '/static/imgs/general/cooperation-icon.png' : '/static/imgs/general/no-cooperation-icon.png'"></image>
-				</view>
-				<view class="desc">
-					<text>{{ transformBusiness(info.business) }}</text>
-				</view>
-				<view v-if="info.whetherCooperation === 1" class="box-area">
-					<view class="box">
-						<view><text class="title">月采购量</text></view>
-						<view style="margin-top: 16rpx">
-							<text class="value">{{ info.monthlyPurchaseQuantity ? `${info.monthlyPurchaseQuantity}吨` : '0' }}</text>
-						</view>
-					</view>
-					<view class="box">
-						<view><text class="title">月采购额</text></view>
-						<view style="margin-top: 16rpx">
-							<text class="value">{{ info.monthlyTradingQuota ? `${info.monthlyTradingQuota}万` : '0' }}</text>
-						</view>
-					</view>
-					<view class="box">
-						<view><text class="title">最近购买</text></view>
-						<view style="margin-top: 16rpx">
-							<text class="value">{{ transformDate(info.lastTradingDate) || '-' }}</text>
-						</view>
-					</view>
-				</view>
-				<view v-if="info.whetherCooperation === 0" class="box-area">
-					<view class="box">
-						<view><text class="title">法定代表人</text></view>
-						<view style="margin-top: 16rpx">
-							<text class="value">{{ info.legalPerson ? `${info.legalPerson}` : '' }}</text>
-						</view>
-					</view>
-					<view class="box">
-						<view><text class="title">注册资本</text></view>
-						<view style="margin-top: 16rpx">
-							<text class="value">{{ info.registeredCapital ? `${info.registeredCapital}万` : '0' }}</text>
-						</view>
-					</view>
-					<view class="box">
-						<view><text class="title">成立时间</text></view>
-						<view style="margin-top: 16rpx">
-							<text class="value">{{ transformDate(info.openingDate) || '-' }}</text>
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="other">
-			<view class="box">
-				<image class="icon" src="/static/imgs/client-list/navigation-icon.png"></image>
-				<text class="text">{{ info.detailedAddress || '未知' }}</text>
-			</view>
-			<view class="divide"></view>
-			<view class="box">
-				<image class="icon" src="/static/imgs/client-list/phone-icon.png"></image>
-				<text class="text">{{ info.legalPerson + ' ' + transformPhoneNum(info.contactNumber) }}</text>
-			</view>
-		</view>
-	</view>
+  <view class="packing-area">
+    <view class="info" @tap="goDetail">
+      <image class="image" :src="info.enterpriseLogo || '/static/imgs/client-default.png'"></image>
+      <view class="content">
+        <view class="title">
+          <text class="text" style="width: 410rpx">{{ info.enterpriseName }}123123123</text>
+          <image
+            class="icon"
+            :src="info.whetherCooperation ? '/static/imgs/general/cooperation-icon.png' : '/static/imgs/general/no-cooperation-icon.png'"
+          ></image>
+        </view>
+        <view class="desc">
+          <text class="text" style="width: 520rpx">{{ transformBusiness(info.business) }}</text>
+        </view>
+        <view v-if="info.whetherCooperation === 1" class="box-area">
+          <view class="box">
+            <view><text class="title">月采购量</text></view>
+            <view style="margin-top: 16rpx">
+              <text class="value">{{ info.monthlyPurchaseQuantity ? `${info.monthlyPurchaseQuantity}吨` : '0' }}</text>
+            </view>
+          </view>
+          <view class="box">
+            <view><text class="title">月采购额</text></view>
+            <view style="margin-top: 16rpx">
+              <text class="value">{{ info.monthlyTradingQuota ? `${info.monthlyTradingQuota}万` : '0' }}</text>
+            </view>
+          </view>
+          <view class="box">
+            <view><text class="title">最近购买</text></view>
+            <view style="margin-top: 16rpx">
+              <text class="value">{{ transformDate(info.lastTradingDate) || '-' }}</text>
+            </view>
+          </view>
+        </view>
+        <view v-if="info.whetherCooperation === 0" class="box-area">
+          <view class="box">
+            <view><text class="title">法定代表人</text></view>
+            <view style="margin-top: 16rpx">
+              <text class="value">{{ info.legalPerson ? `${info.legalPerson}` : '' }}</text>
+            </view>
+          </view>
+          <view class="box">
+            <view><text class="title">注册资本</text></view>
+            <view style="margin-top: 16rpx">
+              <text class="value">{{ info.registeredCapital ? `${info.registeredCapital}万` : '0' }}</text>
+            </view>
+          </view>
+          <view class="box">
+            <view><text class="title">成立时间</text></view>
+            <view style="margin-top: 16rpx">
+              <text class="value">{{ transformDate(info.openingDate) || '-' }}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="other">
+      <view class="box">
+        <image class="icon" src="/static/imgs/client-list/navigation-icon.png"></image>
+        <text class="text" style="width: 248rpx">{{ info.detailedAddress || '未知' }}</text>
+      </view>
+      <view class="divide"></view>
+      <view class="box">
+        <image class="icon" src="/static/imgs/client-list/phone-icon.png"></image>
+        <text class="text" style="width: 248rpx">{{ info.legalPerson + ' ' + transformPhoneNum(info.contactNumber) }}</text>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
 import { go2 } from '@/utils/hook.js'
 export default {
-	props: {
-		info: {
-			type: Object,
-			default: () => ({
-				enterpriseName: '广州市金骏彩色印务有限公司',
-				enterpriseLogo: '',
-				business: '生产画册、书刊、包装盒、手提袋子、快递箱',
-				whetherCooperation: 1,
-				monthlyPurchaseQuantity: 100,
-				monthlyTradingQuota: 200,
-				lastTradingDate: '2020-12-12',
-				openingDate: '2020-12-12',
-				legalPerson: '张三',
-				registeredCapital: 1000,
-				contactNumber: '13888888888',
-				detailedAddress: '广州市天河区天河路'
-			})
-		}
-	},
-	methods: {
-		goDetail() {
-			go2('client-detail', { id: this.info.enterpriseId })
-		},
-		transformBusiness(business) {
-			let text = business?.trim() || '未知'
-			if (text.length > 17) {
-				text = text.substr(0, 17) + '...'
-			}
-			return '主营：' + text
-		},
-		transformDate(date) {
-			if (date) {
-				return date.split('-').join('/')
-			}
-			return ''
-		},
-		transformPhoneNum(phoneNum) {
-			if (phoneNum) {
-				if (this.hasLogin) {
-					return phoneNum
-				} else {
-					return phoneNum.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
-				}
-			}
-			return '--'
-		}
-	},
-	computed: {
-		hasLogin() {
-			return this.$store.state.qnToken != ''
-		}
-	}
+  props: {
+    info: {
+      type: Object,
+      default: () => ({
+        enterpriseName: '广州市金骏彩色印务有限公司',
+        enterpriseLogo: '',
+        business: '生产画册、书刊、包装盒、手提袋子、快递箱',
+        whetherCooperation: 1,
+        monthlyPurchaseQuantity: 100,
+        monthlyTradingQuota: 200,
+        lastTradingDate: '2020-12-12',
+        openingDate: '2020-12-12',
+        legalPerson: '张三',
+        registeredCapital: 1000,
+        contactNumber: '13888888888',
+        detailedAddress: '广州市天河区天河路'
+      })
+    }
+  },
+  methods: {
+    goDetail() {
+      go2('client-detail', { id: this.info.enterpriseId })
+    },
+    transformBusiness(business) {
+      let text = business?.trim() || '未知'
+      if (text.length > 17) {
+        text = text.substr(0, 17) + '...'
+      }
+      return '主营：' + text
+    },
+    transformDate(date) {
+      if (date) {
+        return date.split('-').join('/')
+      }
+      return ''
+    },
+    transformPhoneNum(phoneNum) {
+      if (phoneNum) {
+        if (this.hasLogin) {
+          return phoneNum
+        } else {
+          return phoneNum.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
+        }
+      }
+      return '--'
+    }
+  },
+  computed: {
+    hasLogin() {
+      return this.$store.state.qnToken != ''
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .packing-area {
-	width: 750rpx;
-	background-color: #fff;
-	.info {
-		width: 750rpx;
-		padding: 30rpx 32rpx 48rpx;
-		border-bottom: 2rpx solid #dddddd;
-		display: flex;
-		flex-direction: row;
-		align-items: flex-start;
-		.image {
-			width: 140rpx;
-			height: 140rpx;
-			flex-grow: 0;
-			flex-shrink: 0;
-			margin-right: 20rpx;
-		}
-		.content {
-			flex-grow: 1;
-			.title {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: flex-start;
-				.text {
-					font-size: 32rpx;
-					color: #000000;
-					font-weight: 600;
-				}
-				.icon {
-					width: 100rpx;
-					height: 32rpx;
-					flex-grow: 0;
-					flex-shrink: 0;
-					margin-left: 8rpx;
-				}
-			}
-			.desc {
-				margin-top: 14rpx;
-				font-size: 26rpx;
-				color: #333333;
-			}
-			.box-area {
-				margin-top: 30rpx;
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: flex-end;
-				.box {
-					width: 170rpx;
-					.title {
-						display: flex;
-						flex-direction: row;
-						justify-content: center;
-						font-size: 24rpx;
-						color: #888888;
-					}
-					.value {
-						display: flex;
-						flex-direction: row;
-						justify-content: center;
-						font-size: 28rpx;
-						color: #333333;
-						font-weight: 500;
-					}
-				}
-			}
-		}
-	}
-	.other {
-		width: 750rpx;
-		padding: 24rpx 0;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: space-between;
-		.divide {
-			width: 2rpx;
-			height: 32rpx;
-			background: #d8d8d8;
-		}
-		.box {
-			width: 340rpx;
-			margin: 0 32rpx;
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			.icon {
-				width: 52rpx;
-				height: 52rpx;
-				flex-grow: 0;
-				flex-shrink: 0;
-				margin-right: 10rpx;
-			}
-			.text {
-				font-size: 24rpx;
-				color: #555555;
-			}
-		}
-	}
+  width: 750rpx;
+  background-color: #fff;
+  .info {
+    width: 750rpx;
+    padding: 30rpx 32rpx 48rpx;
+    border-bottom: 2rpx solid #dddddd;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    .image {
+      width: 140rpx;
+      height: 140rpx;
+      flex-grow: 0;
+      flex-shrink: 0;
+      margin-right: 20rpx;
+    }
+    .content {
+      flex-grow: 1;
+      .title {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: flex-start;
+        flex-wrap: nowrap;
+        .text {
+          lines: 1;
+          text-overflow: ellipsis;
+          font-size: 32rpx;
+          color: #000000;
+          font-weight: 600;
+        }
+        .icon {
+          width: 100rpx;
+          height: 32rpx;
+          flex-grow: 0;
+          flex-shrink: 0;
+          margin-left: 8rpx;
+        }
+      }
+      .desc {
+        margin-top: 14rpx;
+
+        .text {
+          font-size: 26rpx;
+          color: #333333;
+        }
+      }
+      .box-area {
+        margin-top: 30rpx;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: flex-end;
+        .box {
+          width: 170rpx;
+          .title {
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            font-size: 24rpx;
+            color: #888888;
+          }
+          .value {
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            font-size: 28rpx;
+            color: #333333;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+  .other {
+    width: 750rpx;
+    padding: 24rpx 0;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    .divide {
+      width: 2rpx;
+      height: 32rpx;
+      background: #d8d8d8;
+    }
+    .box {
+      width: 340rpx;
+      margin: 0 32rpx;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      .icon {
+        width: 52rpx;
+        height: 52rpx;
+        flex-grow: 0;
+        flex-shrink: 0;
+        margin-right: 10rpx;
+      }
+      .text {
+        font-size: 24rpx;
+        color: #555555;
+        lines: 1;
+        text-overflow: ellipsis;
+      }
+    }
+  }
 }
 </style>
diff --git a/components/qn-map/qn-map.nvue b/components/qn-map/qn-map.nvue
index 04bfc72..9ba587b 100644
--- a/components/qn-map/qn-map.nvue
+++ b/components/qn-map/qn-map.nvue
@@ -7,7 +7,7 @@
     :longitude="centerPoint.longitude"
     :latitude="centerPoint.latitude"
     :markers="markers"
-		:show-location="true"
+    :show-location="true"
     :scale="scale"
     @labeltap="labeltap"
     @regionchange="regionchange"
@@ -45,26 +45,30 @@ export default {
   },
   mounted() {
     this.mapContext = uni.createMapContext('qnMap', this)
+    this.mapContext.onstatuschanged = function (e) {
+      console('change:', e)
+    }
+    console.log('mapContetxt:', this.mapContext.onstatuschanged)
   },
   watch: {
     // 只监听items一层变化
     items(val) {
-			console.log('val:',val)
+      console.log('val:', val)
       this.markers = val.map((item) => {
         return this.causeMarker(item)
       })
-			console.log('res:',this.markers)
+      console.log('res:', this.markers)
       this.mapContext.addMarkers({
         markers: this.markers,
         clear: true,
         success: (res) => {
-					console.log('success', res)
-				},
+          console.log('success', res)
+        },
         fail: (err) => {
           console.log('fail', err)
         }
       })
-    },
+    }
   },
   methods: {
     // 生成markers
@@ -124,8 +128,10 @@ export default {
       this.selectedId = e.detail.markerId
     },
     dragMap() {
+      console.log('drag begin')
       this.mapContext.getCenterLocation({
         success: (res) => {
+          console.log('dragMap success:', res)
           // 抛出移动事件
           this.$emit('dragMap', {
             longitude: res.longitude,
@@ -134,6 +140,9 @@ export default {
           })
           this.centerPoint.longitude = res.longitude
           this.centerPoint.latitude = res.latitude
+        },
+        fail: (err) => {
+          console.log('dragMap err:', err)
         }
       })
     },
@@ -156,8 +165,10 @@ export default {
         clearTimeout(this.timer)
         this.timer = null
       }
+      console.log('e timer after:', e)
+      let eventName = e.causedBy || e.detail.causedBy
       this.timer = setTimeout(() => {
-        switch (e.causedBy) {
+        switch (eventName) {
           case 'drag':
             this.dragMap()
             break
@@ -169,35 +180,35 @@ export default {
         }
       }, 500)
     },
-		// 移动到当前坐标
-		moveTo({longitude,latitude,scale}) {
-			scale = Math.ceil(scale)
-			if(!isNaN(scale)) {
-				this.scale = scale
-			}else {
-				scale = null
-			}
-			let data = {
-			  longitude: longitude,
-			  latitude: latitude,
-			  scale: scale || this.scale
-			}
-			if (this.mapContext) {
-			  this.mapContext.moveToLocation({
-			    longitude: longitude,
-			    latitude: latitude,
-					success:res => {
-						console.log('移动success',res)
-					},
-					fail:err => {
-						console.log('移动fail',err)
-					}
-			  })
-			}
-			setTimeout(() => {
-				this.$emit('reset', data)
-			},100)
-		}
+    // 移动到当前坐标
+    moveTo({ longitude, latitude, scale }) {
+      scale = Math.ceil(scale)
+      if (!isNaN(scale)) {
+        this.scale = scale
+      } else {
+        scale = null
+      }
+      let data = {
+        longitude: longitude,
+        latitude: latitude,
+        scale: scale || this.scale
+      }
+      if (this.mapContext) {
+        this.mapContext.moveToLocation({
+          longitude: longitude,
+          latitude: latitude,
+          success: (res) => {
+            console.log('移动success', res)
+          },
+          fail: (err) => {
+            console.log('移动fail', err)
+          }
+        })
+      }
+      setTimeout(() => {
+        this.$emit('reset', data)
+      }, 100)
+    }
   }
 }
 </script>
diff --git a/pages/client-detail/base-paper-deals.vue b/pages/client-detail/base-paper-deals.vue
index 8c8356e..6fc6c69 100644
--- a/pages/client-detail/base-paper-deals.vue
+++ b/pages/client-detail/base-paper-deals.vue
@@ -1,50 +1,52 @@
 <template>
-	<view class="warpper">
-		<view class="sum-box">
-			<view class="">
-				<view class="title">交易金额</view>
-				<view class="value">{{ topInfo.tradingVolume }}</view>
-			</view>
-			<view class="">
-				<view class="title">总交易量(吨)</view>
-				<view class="value">{{ topInfo.volumeOfBusiness }}</view>
-			</view>
-		</view>
-		<uGap></uGap>
-		<scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #ffffff">
-			<view class="card-box" v-for="(item, index) in list" :key="index">
-				<view class="header">
-					<view class="left-title">{{ item.customerEnterpriseName }}</view>
-					<view class="right-title">¥ {{ item.totalOfferPrice }}</view>
-				</view>
-				<view class="content" v-for="(subItem, subIndex) in item.supplierOrderList[0].orderItems" :key="subIndex">
-					<!-- <image class="image" :src="https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif" mode=""></image> -->
-					<image class="image" :src="subItem.productImg" mode=""></image>
-					<view class="">
-						<view class="title">{{ subItem.productName }}</view>
-						<view class="desc">
-							{{ subItem.brandName }}/{{ subItem.categoryName }}/{{ subItem.gramWeight }}g/{{ subItem.length }}*{{ subItem.width }}/{{ subItem.pieceQuantity }}张
-						</view>
-					</view>
-				</view>
-				<!-- <view class="content">
-					<image class="image" src="https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif" mode=""></image>
+  <view class="warpper">
+    <view class="sum-box">
+      <view class="">
+        <view class="title">交易金额</view>
+        <view class="value">{{ topInfo.tradingVolume }}</view>
+      </view>
+      <view class="">
+        <view class="title">总交易量(吨)</view>
+        <view class="value">{{ topInfo.volumeOfBusiness }}</view>
+      </view>
+    </view>
+    <uGap></uGap>
+    <scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #ffffff">
+      <view class="card-box" v-for="(item, index) in list" :key="index">
+        <view class="header">
+          <view class="left-title">{{ item.customerEnterpriseName }}</view>
+          <view class="right-title">¥ {{ item.totalOfferPrice }}</view>
+        </view>
+        <view class="content" v-for="(subItem, subIndex) in item.supplierOrderList[0].orderItems" :key="subIndex">
+          <!-- <image class="image" :src="/static/imgs/client-default.png" mode=""></image> -->
+          <image class="image" :src="subItem.productImg" mode=""></image>
+          <view class="">
+            <view class="title">{{ subItem.productName }}</view>
+            <view class="desc">
+              {{ subItem.brandName }}/{{ subItem.categoryName }}/{{ subItem.gramWeight }}g/{{ subItem.length }}*{{ subItem.width }}/{{
+                subItem.pieceQuantity
+              }}张
+            </view>
+          </view>
+        </view>
+        <!-- <view class="content">
+					<image class="image" src="/static/imgs/client-default.png" mode=""></image>
 					<view class="">
 						<view class="title">丽盈白卡</view>
 						<view class="desc">白卡纸/丽盈/350g/787*1092/2200张</view>
 					</view>
 				</view> -->
-				<view class="other">
-					<view class="time">{{ item.createTime }}</view>
-					<view class="btn">
-						更多详情
-						<image class="icon" src="/static/imgs/client-detail/arrow-right-icon.png"></image>
-					</view>
-				</view>
-				<uGap></uGap>
-			</view>
-		</scroll-list>
-	</view>
+        <view class="other">
+          <view class="time">{{ item.createTime }}</view>
+          <view class="btn">
+            更多详情
+            <image class="icon" src="/static/imgs/client-detail/arrow-right-icon.png"></image>
+          </view>
+        </view>
+        <uGap></uGap>
+      </view>
+    </scroll-list>
+  </view>
 </template>
 
 <script>
@@ -52,209 +54,209 @@ import uGap from '@/components/u-gap/u-gap.vue'
 import { getBasePaperDeals, getOrderVolumeStatistics } from '@/apis/clientDetailApi.js'
 
 export default {
-	components: { uGap },
-	data() {
-		return {
-			option: {
-				size: 10,
-				auto: true,
-				emptyText: '暂无原纸交易~',
-				background: '#F7F8FA',
-				disabled: false,
-				emptyImage: '/static/imgs/order/order-empty.png'
-			},
-			params: {
-				asc: '',
-				desc: '',
-				customerEnterpriseId: this.$store.state.supplierInfo.id || null, // 客户企业ID默认为空，传值时网关获取当前用户关联企业id失效
-				mallSupplierId: this.$store.state.supplierInfo.supplierId || null, // 供应商id
-				// customerEnterpriseId: '651107734133018624', // 客户企业ID
-				// mallSupplierId: '670334117090562048', // 供应商id
-				status: '0', // 状态 0 全部 待发货/30106,待收货/30107,待借款/30207,已完成/30104
-			},
-			pagination: {
-				pageNum: 0, // 初始会执行一次下拉加载
-				pageSize: 10
-			},
-			orderParams: {
-				beginDate: '',
-				// currentSupplier: '670334117090562048',
-				currentSupplier: this.$store.state.supplierInfo.supplierId || null,
-				endDate: ''
-			},
-			list: [],
-			topInfo: {}
-		}
-	},
-	created() {
-		this.getOrderVolumeStatistics()
-	},
-	methods: {
-		// 顶部统计数据
-		getOrderVolumeStatistics() {
-			getOrderVolumeStatistics(this.orderParams).then(res => {
-				// console.log('原纸交易顶部统计数据', res)
-				this.topInfo = res
-			})
-		},
-		getList() {
-			return new Promise((resolve, reject) => {
-				getBasePaperDeals({ ...this.params, ...this.pagination })
-					.then(res => {
-						// console.log('原纸交易', res)
-						if (res) {
-							if (this.pagination.pageNum == 1) {
-								this.list = res.records
-							} else {
-								this.list = this.list.concat(res.records)
-							}
-							// this.list = []
-							// this.list = [...this.list, ...[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]]
-							resolve({ list: this.list, total: res.total })
-						} else {
-							reject()
-						}
-					})
-					.catch(err => {
-						reject(err)
-					})
-			})
-		},
-		downCallback() {
-			this.pagination.pageNum = 1
-			this.getList()
-				.then(({ list, total }) => {
-					this.$refs.list.refreshSuccess({ list, total })
-				})
-				.catch(() => {
-					this.$refs.list.refreshFail()
-				})
-		},
-		upCallback() {
-			this.pagination.pageNum++
-			this.getList()
-				.then(({ list, total }) => {
-					this.$refs.list.loadSuccess({ list, total })
-				})
-				.catch(() => {
-					this.$refs.list.loadFail()
-				})
-		}
-	}
+  components: { uGap },
+  data() {
+    return {
+      option: {
+        size: 10,
+        auto: true,
+        emptyText: '暂无原纸交易~',
+        background: '#F7F8FA',
+        disabled: false,
+        emptyImage: '/static/imgs/order/order-empty.png'
+      },
+      params: {
+        asc: '',
+        desc: '',
+        customerEnterpriseId: this.$store.state.supplierInfo.id || null, // 客户企业ID默认为空，传值时网关获取当前用户关联企业id失效
+        mallSupplierId: this.$store.state.supplierInfo.supplierId || null, // 供应商id
+        // customerEnterpriseId: '651107734133018624', // 客户企业ID
+        // mallSupplierId: '670334117090562048', // 供应商id
+        status: '0' // 状态 0 全部 待发货/30106,待收货/30107,待借款/30207,已完成/30104
+      },
+      pagination: {
+        pageNum: 0, // 初始会执行一次下拉加载
+        pageSize: 10
+      },
+      orderParams: {
+        beginDate: '',
+        // currentSupplier: '670334117090562048',
+        currentSupplier: this.$store.state.supplierInfo.supplierId || null,
+        endDate: ''
+      },
+      list: [],
+      topInfo: {}
+    }
+  },
+  created() {
+    this.getOrderVolumeStatistics()
+  },
+  methods: {
+    // 顶部统计数据
+    getOrderVolumeStatistics() {
+      getOrderVolumeStatistics(this.orderParams).then((res) => {
+        // console.log('原纸交易顶部统计数据', res)
+        this.topInfo = res
+      })
+    },
+    getList() {
+      return new Promise((resolve, reject) => {
+        getBasePaperDeals({ ...this.params, ...this.pagination })
+          .then((res) => {
+            // console.log('原纸交易', res)
+            if (res) {
+              if (this.pagination.pageNum == 1) {
+                this.list = res.records
+              } else {
+                this.list = this.list.concat(res.records)
+              }
+              // this.list = []
+              // this.list = [...this.list, ...[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]]
+              resolve({ list: this.list, total: res.total })
+            } else {
+              reject()
+            }
+          })
+          .catch((err) => {
+            reject(err)
+          })
+      })
+    },
+    downCallback() {
+      this.pagination.pageNum = 1
+      this.getList()
+        .then(({ list, total }) => {
+          this.$refs.list.refreshSuccess({ list, total })
+        })
+        .catch(() => {
+          this.$refs.list.refreshFail()
+        })
+    },
+    upCallback() {
+      this.pagination.pageNum++
+      this.getList()
+        .then(({ list, total }) => {
+          this.$refs.list.loadSuccess({ list, total })
+        })
+        .catch(() => {
+          this.$refs.list.loadFail()
+        })
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .warpper {
-	width: 750rpx;
-	.sum-box {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-around;
-		align-items: center;
-		// text-align: center;
-		height: 184rpx;
-		background: url('/static/imgs/client-detail/yzjy-icon.png') no-repeat;
-		background-size: 100%;
-		.title {
-			font-size: 26rpx;
-			color: #ffffff;
-			letter-spacing: 0;
-			font-weight: 500;
-		}
-		.value {
-			font-size: 56rpx;
-			color: #ffffff;
-			letter-spacing: 0;
-			text-align: left;
-			font-weight: 500;
-			margin-top: 16rpx;
-		}
-	}
-	.card-box {
-		.header {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-			height: 88rpx;
-			background: #ffffff;
-			border-bottom: 2rpx solid #dddddd;
-			padding: 0rpx 32rpx;
-			.left-title {
-				font-size: 30rpx;
-				color: #000000;
-				letter-spacing: 0;
-				font-weight: 600;
-			}
-			.right-title {
-				font-size: 30rpx;
-				color: #ff5368;
-				letter-spacing: 0;
-				text-align: right;
-				font-weight: 500;
-			}
-		}
-		.content {
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			height: 148rpx;
-			background: #ffffff;
-			border-bottom: 2rpx solid #dddddd;
-			padding: 0rpx 32rpx;
-			.image {
-				width: 100rpx;
-				height: 100rpx;
-				flex: 0 0 100rpx;
-				margin-right: 20rpx;
-			}
-			.title {
-				font-size: 30rpx;
-				color: #333333;
-				letter-spacing: 0;
-				text-align: left;
-				font-weight: 400;
-			}
-			.desc {
-				padding-top: 26rpx;
-				font-size: 26rpx;
-				color: #888888;
-				letter-spacing: 0;
-				text-align: left;
-				font-weight: 400;
-			}
-		}
-		.other {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-			height: 80rpx;
-			background: #ffffff;
-			padding: 0rpx 32rpx;
-			.time {
-				font-size: 26rpx;
-				color: #888888;
-				letter-spacing: 0;
-				text-align: left;
-				font-weight: 400;
-			}
-			.btn {
-				font-size: 28rpx;
-				color: #007aff;
-				letter-spacing: 0;
-				text-align: center;
-				font-weight: 500;
-				display: flex;
-				align-items: center;
-			}
-			.icon {
-				width: 24rpx;
-				height: 24rpx;
-				margin-left: 6rpx;
-			}
-		}
-	}
+  width: 750rpx;
+  .sum-box {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+    // text-align: center;
+    height: 184rpx;
+    background: url('/static/imgs/client-detail/yzjy-icon.png') no-repeat;
+    background-size: 100%;
+    .title {
+      font-size: 26rpx;
+      color: #ffffff;
+      letter-spacing: 0;
+      font-weight: 500;
+    }
+    .value {
+      font-size: 56rpx;
+      color: #ffffff;
+      letter-spacing: 0;
+      text-align: left;
+      font-weight: 500;
+      margin-top: 16rpx;
+    }
+  }
+  .card-box {
+    .header {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      height: 88rpx;
+      background: #ffffff;
+      border-bottom: 2rpx solid #dddddd;
+      padding: 0rpx 32rpx;
+      .left-title {
+        font-size: 30rpx;
+        color: #000000;
+        letter-spacing: 0;
+        font-weight: 600;
+      }
+      .right-title {
+        font-size: 30rpx;
+        color: #ff5368;
+        letter-spacing: 0;
+        text-align: right;
+        font-weight: 500;
+      }
+    }
+    .content {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      height: 148rpx;
+      background: #ffffff;
+      border-bottom: 2rpx solid #dddddd;
+      padding: 0rpx 32rpx;
+      .image {
+        width: 100rpx;
+        height: 100rpx;
+        flex: 0 0 100rpx;
+        margin-right: 20rpx;
+      }
+      .title {
+        font-size: 30rpx;
+        color: #333333;
+        letter-spacing: 0;
+        text-align: left;
+        font-weight: 400;
+      }
+      .desc {
+        padding-top: 26rpx;
+        font-size: 26rpx;
+        color: #888888;
+        letter-spacing: 0;
+        text-align: left;
+        font-weight: 400;
+      }
+    }
+    .other {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      height: 80rpx;
+      background: #ffffff;
+      padding: 0rpx 32rpx;
+      .time {
+        font-size: 26rpx;
+        color: #888888;
+        letter-spacing: 0;
+        text-align: left;
+        font-weight: 400;
+      }
+      .btn {
+        font-size: 28rpx;
+        color: #007aff;
+        letter-spacing: 0;
+        text-align: center;
+        font-weight: 500;
+        display: flex;
+        align-items: center;
+      }
+      .icon {
+        width: 24rpx;
+        height: 24rpx;
+        margin-left: 6rpx;
+      }
+    }
+  }
 }
 </style>
diff --git a/pages/client-detail/basic-information.vue b/pages/client-detail/basic-information.vue
index d1cd486..08c2c1e 100644
--- a/pages/client-detail/basic-information.vue
+++ b/pages/client-detail/basic-information.vue
@@ -8,7 +8,7 @@
         </view>
         <view class="card-content">
           <view class="info">
-            <image class="image" src="https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif" mode=""></image>
+            <image class="image" src="/static/imgs/client-default.png" mode=""></image>
             <view class="content">
               <view class="title">
                 <text class="text">{{ info.name }}</text>
diff --git a/pages/client-detail/index.vue b/pages/client-detail/index.vue
index 59e5694..43e7e9d 100644
--- a/pages/client-detail/index.vue
+++ b/pages/client-detail/index.vue
@@ -1,33 +1,40 @@
 <template>
-	<view class="warpper">
-		<qnHeader class="header">
-			<!-- <view class="header"> -->
-			<view class="header-title">客户详情</view>
-			<view class="right-title" @click="onCustomerCredit">客户授信</view>
-			<!-- </view> -->
-		</qnHeader>
-		<view>
-			<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text" activeColor="#007AFF" class="segmented"></uni-segmented-control>
+  <view class="warpper">
+    <qnHeader class="header">
+      <!-- <view class="header"> -->
+      <view class="header-title">客户详情</view>
+      <view class="right-title" @click="onCustomerCredit">客户授信</view>
+      <!-- </view> -->
+    </qnHeader>
+    <view>
+      <uni-segmented-control
+        :current="current"
+        :values="items"
+        @clickItem="onClickItem"
+        styleType="text"
+        activeColor="#007AFF"
+        class="segmented"
+      ></uni-segmented-control>
 
-			<view class="content">
-				<view v-show="current === 0"><basicInformation ref="basicInformationRef" :customerId="customerId"></basicInformation></view>
-				<view v-show="current === 1"><equipmentInformation></equipmentInformation></view>
-				<view v-show="current === 2"><basePaperDeals></basePaperDeals></view>
-				<view v-show="current === 3"><wastePaperTrading></wastePaperTrading></view>
-			</view>
-		</view>
-		<uni-popup ref="popup" type="center" :mask-click="false">
-			<view class="popup-box">
-				<view class="header-title">{{ dialogTitle }}</view>
-				<view class="tip-title">{{ dialogContent }}</view>
-				<view class="operation-row">
-					<view class="cancel-text" @tap="cancelTap">取消</view>
-					<view class="line"></view>
-					<view class="confirm-text" @tap="confirmTap">{{ confirmText }}</view>
-				</view>
-			</view>
-		</uni-popup>
-	</view>
+      <view class="content">
+        <view v-show="current === 0"><basicInformation ref="basicInformationRef" :customerId="customerId"></basicInformation></view>
+        <view v-show="current === 1"><equipmentInformation></equipmentInformation></view>
+        <view v-show="current === 2"><basePaperDeals></basePaperDeals></view>
+        <view v-show="current === 3"><wastePaperTrading></wastePaperTrading></view>
+      </view>
+    </view>
+    <uni-popup ref="popup" type="center" :mask-click="false">
+      <view class="popup-box">
+        <view class="header-title">{{ dialogTitle }}</view>
+        <view class="tip-title">{{ dialogContent }}</view>
+        <view class="operation-row">
+          <view class="cancel-text" @tap="cancelTap">取消</view>
+          <view class="line"></view>
+          <view class="confirm-text" @tap="confirmTap">{{ confirmText }}</view>
+        </view>
+      </view>
+    </uni-popup>
+  </view>
 </template>
 
 <script>
@@ -39,191 +46,202 @@ import wastePaperTrading from './waste-paper-trading.vue'
 import { go2 } from '@/utils/hook.js'
 import { getBaseInfo, getVerifyUrl } from '@/apis/commonApi.js'
 export default {
-	components: {
-		qnHeader,
-		basicInformation,
-		equipmentInformation,
-		basePaperDeals,
-		wastePaperTrading
-	},
-	data() {
-		return {
-			current: 0,
-			items: ['基础信息', '设备信息', '原纸交易', '废纸交易'],
-			customerId: null,
-			dialogTitle: null,
-			dialogContent: null,
-			confirmText: null,
-			dialogType: 1 // 1:未完善企业信息 2：未电子签约 3：是否开通VIP
-		}
-	},
-	onLoad(option) {
-		this.customerId = option.id || '800890'
-		this.$nextTick(() => {
-			this.$refs.basicInformationRef.getBaseInfo()
-		})
-	},
-	onShow() {
-		this.$refs.popup.close()
-	},
-	methods: {
-		go2,
-		onClickItem(e) {
-			console.log('e', e)
-			this.current = e.currentIndex
-		},
-		// 客户授信
-		onCustomerCredit() {
-			if (this.$store.state.supplierInfo == null) {
-				// 未完善企业store 里面 supplierInfo == null
-				this.dialogTitle = '您还未完善企业信息'
-				this.dialogContent = '请先完善企业基本信息才能对客户进行'
-				this.confirmText = '去完善'
-				this.dialogType = 1
-				this.$refs.popup.open()
-			} else if (this.$store.state.supplierInfo.fddEnterpriseStatus == 1) {
-				// 未电子签 supplierInfo.fddEnterpriseStatus == 1
-				this.dialogTitle = '未认证电子签约'
-				this.dialogContent = '客户授信过程需要进行电子合同签订，请先进行认证'
-				this.confirmText = '去认证'
-				this.dialogType = 2
-				this.$refs.popup.open()
-			} else if (!this.$store.state.supplierInfo.isVip) {
-				// 开通vip supplierInfo 新增了一个isVip字段
-				this.dialogTitle = '未开通VIP'
-				this.dialogContent = '客户授信需要VIP权限，是否立即开通？'
-				this.confirmText = '去开通'
-				this.dialogType = 3
-				this.$refs.popup.open()
-			} else {
-				go2('client-credit')
-			}
-		},
-		cancelTap() {
-			this.$refs.popup.close()
-		},
-		confirmTap() {
-			switch (this.dialogType) {
-				case 1:
-					go2('enterprise-info')
-					break
-				case 2:
-					getVerifyUrl({ enterpriseId: this.$store.state.supplierInfo.id }).then(res => {
-						if (res) {
-							// #ifdef APP-PLUS
-							go2('page-view', { title: '实名认证', url: encodeURIComponent(res) })
-							// #endif
-							// #ifdef H5
-							window ? (window.location.href = res) : ''
-							// #endif
-						}
-					})
-					break
-				case 3:
-					break
-				default:
-					break
-			}
-		}
-	}
+  components: {
+    qnHeader,
+    basicInformation,
+    equipmentInformation,
+    basePaperDeals,
+    wastePaperTrading
+  },
+  data() {
+    return {
+      current: 0,
+      items: ['基础信息', '设备信息', '原纸交易', '废纸交易'],
+      customerId: null,
+      dialogTitle: null,
+      dialogContent: null,
+      confirmText: null,
+      dialogType: 1 // 1:未完善企业信息 2：未电子签约 3：是否开通VIP
+    }
+  },
+  onLoad(option) {
+    this.customerId = option.id || '800890'
+    this.$nextTick(() => {
+      this.$refs.basicInformationRef.getBaseInfo()
+    })
+  },
+  onShow() {
+    this.$refs.popup.close()
+  },
+  methods: {
+    go2,
+    onClickItem(e) {
+      console.log('e', e)
+      this.current = e.currentIndex
+    },
+    // 客户授信
+    onCustomerCredit() {
+      if (this.$store.state.supplierInfo == null) {
+        // 未完善企业store 里面 supplierInfo == null
+        this.dialogTitle = '您还未完善企业信息'
+        this.dialogContent = '请先完善企业基本信息才能对客户进行'
+        this.confirmText = '去完善'
+        this.dialogType = 1
+        this.$refs.popup.open()
+      } else if (this.$store.state.supplierInfo.fddEnterpriseStatus == 1) {
+        // 未电子签 supplierInfo.fddEnterpriseStatus == 1
+        this.dialogTitle = '未认证电子签约'
+        this.dialogContent = '客户授信过程需要进行电子合同签订，请先进行认证'
+        this.confirmText = '去认证'
+        this.dialogType = 2
+        this.$refs.popup.open()
+      } else if (!this.$store.state.supplierInfo.isVip) {
+        // 开通vip supplierInfo 新增了一个isVip字段
+        this.dialogTitle = '未开通VIP'
+        this.dialogContent = '客户授信需要VIP权限，是否立即开通？'
+        this.confirmText = '去开通'
+        this.dialogType = 3
+        this.$refs.popup.open()
+      } else {
+        go2('client-credit')
+      }
+    },
+    cancelTap() {
+      this.$refs.popup.close()
+    },
+    confirmTap() {
+      switch (this.dialogType) {
+        case 1:
+          go2('enterprise-info')
+          break
+        case 2:
+          getVerifyUrl({ enterpriseId: this.$store.state.supplierInfo.id }).then((res) => {
+            if (res) {
+              // #ifdef APP-PLUS
+              go2('page-view', { title: '实名认证', url: encodeURIComponent(res) })
+              // #endif
+              // #ifdef H5
+              window ? (window.location.href = res) : ''
+              // #endif
+            }
+          })
+          break
+        case 3:
+          break
+        default:
+          break
+      }
+    },
+    makeCredit() {
+      let info = this.$refs.basicInformationRef.getCompanyInfo()
+      if (info.id) {
+        go2('client-credit', { enterpriseId: info.id, name: info.name })
+      } else {
+        uni.showToast({
+          title: '该企业基础信息不完善',
+          icon: 'error'
+        })
+      }
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
 .warpper {
-	.header {
-		justify-content: space-between;
-	}
-	.header-title {
-		font-size: 36rpx;
-		color: #000000;
-		letter-spacing: 0;
-		text-align: center;
-		font-weight: 500;
-	}
+  .header {
+    justify-content: space-between;
+  }
+  .header-title {
+    font-size: 36rpx;
+    color: #000000;
+    letter-spacing: 0;
+    text-align: center;
+    font-weight: 500;
+  }
 
-	.right-title {
-		font-size: 28rpx;
-		color: #007aff;
-		text-align: center;
-		line-height: 40rpx;
-		font-weight: 500;
-	}
-	.segmented {
-		height: 88rpx;
-		border-bottom: 2rpx solid #ececec;
-		font-size: 28rpx;
-		color: #333333;
-		text-align: center;
-		font-weight: 400;
-	}
-	.account-dialog-text {
-		font-size: 28rpx;
-		color: #969799;
-		text-align: center;
-		line-height: 40rpx;
-		font-weight: 400;
-	}
-	.popup-box {
-		width: 540rpx;
-		height: 226rpx;
-		background: #ffffff;
-		border-radius: 14rpx;
+  .right-title {
+    font-size: 28rpx;
+    color: #007aff;
+    text-align: center;
+    line-height: 40rpx;
+    font-weight: 500;
+  }
+  .segmented {
+    height: 88rpx;
+    border-bottom: 2rpx solid #ececec;
+    font-size: 28rpx;
+    color: #333333;
+    text-align: center;
+    font-weight: 400;
+  }
+  .account-dialog-text {
+    font-size: 28rpx;
+    color: #969799;
+    text-align: center;
+    line-height: 40rpx;
+    font-weight: 400;
+  }
+  .popup-box {
+    width: 540rpx;
+    height: 226rpx;
+    background: #ffffff;
+    border-radius: 14rpx;
 
-		.header-title {
-			font-size: 32rpx;
-			color: #323233;
-			text-align: center;
-			font-weight: 500;
-			padding-top: 48rpx;
-		}
-		.tip-title {
-			display: flex;
-			flex-direction: row;
-			justify-content: center;
-			align-items: center;
-			// height: 126rpx;
-			padding: 16rpx 48rpx 48rpx 48rpx;
-			font-size: 28rpx;
-			color: #969799;
-			letter-spacing: 0;
-			text-align: center;
-			font-weight: 400;
-		}
-		.operation-row {
-			border-radius: 14rpx;
-			display: flex;
-			flex-direction: row;
-			justify-content: space-around;
-			align-items: center;
-			height: 96rpx;
-			background: #ffffff;
-			border-top: 2rpx solid #dddddd;
-			.cancel-text {
-				flex-grow: 1;
-				flex-shrink: 1;
-				font-size: 32rpx;
-				color: #000000;
-				letter-spacing: 0;
-				text-align: center;
-				font-weight: 400;
-			}
-			.line {
-				flex-grow: 0;
-				flex-shrink: 0;
-				width: 2rpx;
-				height: 96rpx;
-				border-left: 2rpx solid #dcdee3;
-			}
-			.confirm-text {
-				flex-grow: 1;
-				flex-shrink: 1;
-				font-size: 32rpx;
-				color: #007aff;
-				text-align: center;
-				font-weight: 400;
-			}
-		}
-	}
+    .header-title {
+      font-size: 32rpx;
+      color: #323233;
+      text-align: center;
+      font-weight: 500;
+      padding-top: 48rpx;
+    }
+    .tip-title {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      // height: 126rpx;
+      padding: 16rpx 48rpx 48rpx 48rpx;
+      font-size: 28rpx;
+      color: #969799;
+      letter-spacing: 0;
+      text-align: center;
+      font-weight: 400;
+    }
+    .operation-row {
+      border-radius: 14rpx;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-around;
+      align-items: center;
+      height: 96rpx;
+      background: #ffffff;
+      border-top: 2rpx solid #dddddd;
+      .cancel-text {
+        flex-grow: 1;
+        flex-shrink: 1;
+        font-size: 32rpx;
+        color: #000000;
+        letter-spacing: 0;
+        text-align: center;
+        font-weight: 400;
+      }
+      .line {
+        flex-grow: 0;
+        flex-shrink: 0;
+        width: 2rpx;
+        height: 96rpx;
+        border-left: 2rpx solid #dcdee3;
+      }
+      .confirm-text {
+        flex-grow: 1;
+        flex-shrink: 1;
+        font-size: 32rpx;
+        color: #007aff;
+        text-align: center;
+        font-weight: 400;
+      }
+    }
+  }
 }
 </style>
diff --git a/pages/client/index.nvue b/pages/client/index.nvue
index 6c21556..0c0d21d 100644
--- a/pages/client/index.nvue
+++ b/pages/client/index.nvue
@@ -133,7 +133,9 @@ export default {
         type: 'wgs84',
         success: (res) => {
           console.log('location success', res)
-          const { lat, lon } = wgs84togcj02(res.latitude, res.longitude)
+					let result = wgs84togcj02(res.latitude, res.longitude)
+					console.log('result:',result)
+          const { lat, lon } = result
           this.$refs.qnMap.moveTo({ latitude: lat, longitude: lon })
         },
         fail: (err) => {
diff --git a/pages/mall/index.vue b/pages/mall/index.vue
index 60071f8..184943b 100644
--- a/pages/mall/index.vue
+++ b/pages/mall/index.vue
@@ -1,64 +1,64 @@
 <template>
-	<view class="wrapper">
-		<uni-nav-bar :fixed="true" color="#ffffff" background-color="#ffffff" :status-bar="true">
-			<view slot="left" class="left-title">纸商城</view>
-			<view slot="right" class="right-title" @tap="shareTap">分享</view>
-		</uni-nav-bar>
-		<view class="top-box" :style="backgroundStyle">
-			<view class=""><image class="image" :src="logo" mode=""></image></view>
-			<view class="center">
-				<view class="title">{{ storeInformation.name }}</view>
-				<view class="desc">全部商品 {{ storeInformation.productNumber }} &nbsp; | &nbsp;上新 {{ storeInformation.currentProductNumber }}</view>
-			</view>
-			<view class="right">
-				<view class="cut" @click="checkMall()">
-					切换商城
-					<image class="cut-icon" src="/static/imgs/mall/cut-icon.png" mode=""></image>
-				</view>
-				<view class="set" @click="setting">设置</view>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="" v-if="pageShow">
-			<scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #ffffff">
-				<view v-for="(item, index) in listData" :key="index">
-					<view class="content" @click="detailInfo(item)">
-						<image class="image" :src="item.litPicUrl" mode=""></image>
-						<view class="" style="width: 100%">
-							<view class="title">
-								<view class="">{{ item.brandName }}</view>
-								<view class="">
-									<image
-										class="icon"
-										:src="item.status === 30111 ? '/static/imgs/mall/grounding-icon.png' : '/static/imgs/mall/sold-out-icon.png'"
-										mode=""
-									></image>
-								</view>
-							</view>
-							<view class="sub-title">{{ item.categoryName }}/{{ item.name }}/{{ item.manufacturerName }}</view>
-							<view class="desc">
-								克重(价格)：
-								<text v-for="(sku, index) in item.skuList" :key="index">{{ sku.weight }}({{ sku.listPrice }})</text>
-							</view>
-						</view>
-					</view>
-					<view class="other">
-						<view class="time">{{ item.updateTime | timeFilter }}</view>
-						<view class="btn">
-							<view class="" @click="editPaper(item)" v-if="item.status === 30112">编辑</view>
-							<view class="divide"></view>
-							<view class="" @click="productStatusChange(item)">{{ item.status === 30111 ? '下架' : '上架' }}</view>
-						</view>
-					</view>
-					<uGap></uGap>
-				</view>
-			</scroll-list>
-		</view>
-		<view>
-			<view class="offer-prices" @click="nativeTo()"><image class="my-image" src="../../static/imgs/trade/camera.png" mode=""></image></view>
-		</view>
-		<no-data v-if="!pageShow"></no-data>
-	</view>
+  <view class="wrapper">
+    <uni-nav-bar :fixed="true" color="#ffffff" background-color="#ffffff" :status-bar="true">
+      <view slot="left" class="left-title">纸商城</view>
+      <view slot="right" class="right-title" @tap="shareTap">分享</view>
+    </uni-nav-bar>
+    <view class="top-box" :style="backgroundStyle">
+      <view class=""><image class="image" :src="logo" mode=""></image></view>
+      <view class="center">
+        <view class="title">{{ storeInformation.name }}</view>
+        <view class="desc">全部商品 {{ storeInformation.productNumber }} &nbsp; | &nbsp;上新 {{ storeInformation.currentProductNumber }}</view>
+      </view>
+      <view class="right">
+        <view class="cut" @click="checkMall()">
+          切换商城
+          <image class="cut-icon" src="/static/imgs/mall/cut-icon.png" mode=""></image>
+        </view>
+        <view class="set" @click="setting">设置</view>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="" v-if="pageShow">
+      <scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #ffffff">
+        <view v-for="(item, index) in listData" :key="index">
+          <view class="content" @click="detailInfo(item)">
+            <image class="image" :src="item.litPicUrl" mode=""></image>
+            <view class="" style="width: 100%">
+              <view class="title">
+                <view class="">{{ item.brandName }}</view>
+                <view class="">
+                  <image
+                    class="icon"
+                    :src="item.status === 30111 ? '/static/imgs/mall/grounding-icon.png' : '/static/imgs/mall/sold-out-icon.png'"
+                    mode=""
+                  ></image>
+                </view>
+              </view>
+              <view class="sub-title">{{ item.categoryName }}/{{ item.name }}/{{ item.manufacturerName }}</view>
+              <view class="desc">
+                克重(价格)：
+                <text v-for="(sku, index) in item.skuList" :key="index">{{ sku.weight }}({{ sku.listPrice }})</text>
+              </view>
+            </view>
+          </view>
+          <view class="other">
+            <view class="time">{{ item.updateTime | timeFilter }}</view>
+            <view class="btn">
+              <view class="" @click="editPaper(item)" v-if="item.status === 30112">编辑</view>
+              <view class="divide"></view>
+              <view class="" @click="productStatusChange(item)">{{ item.status === 30111 ? '下架' : '上架' }}</view>
+            </view>
+          </view>
+          <uGap></uGap>
+        </view>
+      </scroll-list>
+    </view>
+    <view>
+      <view class="offer-prices" @click="nativeTo()"><image class="my-image" src="../../static/imgs/trade/camera.png" mode=""></image></view>
+    </view>
+    <no-data v-if="!pageShow"></no-data>
+  </view>
 </template>
 
 <script>
@@ -68,379 +68,377 @@ import { SupplierList, productStatus, storeDetail } from '@/apis/add-paper.js'
 import { getTimer } from '@/utils/index.js'
 import noData from './no-data.vue'
 export default {
-	components: { uGap, noData },
-	filters: {
-		timeFilter(value) {
-			var abs = ''
-			if (value) {
-				abs = getTimer(value)
-			}
-			return abs
-		}
-	},
-	data() {
-		return {
-			pageShow: true,
-			storeInformation: {
-				supplierId: null,
-				name: null,
-				productNumber: 0,
-				currentProductNumber: 0
-			},
-			option: {
-				size: 10,
-				auto: true,
-				emptyText: '暂无数据~',
-				background: '#F7F8FA',
-				disabled: false
-			},
-			pattern: {
-				backgroundColor: '#007AFF',
-				buttonColor: '#007AFF'
-			},
-			content: [],
-			horizontal: 'right',
-			vertical: 'bottom',
-			direction: 'vertical',
-			orderPagination: {
-				pageNum: 0, // 初始会执行一次下拉加载
-				pageSize: 10,
-				storeId: null,
-				name: null,
-				supplierId: this.$store.state.supplierInfo.supplierId
-			},
-			listData: [],
-			logo:'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif',
-			backgroundStyle:'background: url("/static/imgs/mall/zsc-bg-icon.png") no-repeat;'
-		}
-	},
-	onShow() {
-		this.storeInformation = {
-			supplierId: this.$store.state.supplierInfo.supplierId,
-			name: this.$store.state.supplierInfo.name
-		}
-		this.quertData()
-		this.getSuliper(this.$store.state.supplierInfo.supplierId)
-	},
-	onLoad() {
-		this.quertData()
-	},
-	methods: {
-		back,
-		// 获取上新商品数量
-		getSuliper(id) {
-			storeDetail(id)
-				.then(res => {
-					if (res) {
-						this.$set(this.storeInformation, 'productNumber', res.productNumber)
-						this.$set(this.storeInformation, 'currentProductNumber', res.currentProductNumber)
-						if(res.logo === ""){
-							this.logo = 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'
-						}else{
-							this.logo = res.logo
-						}
-						if(res.backgroundImg === ""){
-							this.backgroundStyle = 'background: url("/static/imgs/mall/zsc-bg-icon.png") no-repeat;'
-						}else{
-							this.backgroundStyle = 'background: url('+res.backgroundImg+') no-repeat;'
-						}
-						
-						
-					}
-				})
-				.catch(err => {
-					reject(err)
-				})
-		},
-		// 获取纸品列表 pageShow
-		quertData() {
-			return new Promise((resolve, reject) => {
-				SupplierList({ ...this.orderPagination })
-					.then(res => {
-						if (res) {
-							if (res.records.length === 0) {
-								this.pageShow = false
-								return
-							}
-							if (this.orderPagination.pageNum == 1) {
-								this.listData = res.records
-							} else {
-								this.listData = this.listData.concat(res.records)
-							}
-							resolve({ list: this.listData, total: res.total })
-						}
-					})
-					.catch(err => {
-						reject(err)
-					})
-			})
-		},
-		downCallback() {
-			this.orderPagination.pageNum = 1
-			this.quertData()
-				.then(({ list, total }) => {
-					this.$refs.list.refreshSuccess({ list, total })
-				})
-				.catch(() => {
-					this.$refs.list.refreshFail()
-				})
-		},
-		upCallback() {
-			this.orderPagination.pageNum++
-			this.quertData()
-				.then(({ list, total }) => {
-					this.$refs.list.loadSuccess({ list, total })
-				})
-				.catch(() => {
-					this.$refs.list.loadFail()
-				})
-		},
-		// 切换商城按钮
-		checkMall() {
-			go2('switching-mall', { supplierId: this.storeInformation.supplierId })
-		},
-		// 按钮点击事件
-		nativeTo() {
-			var params = {
-				title: '添加纸品'
-			}
-			go2('add-paper', params)
-		},
-		// 编辑事件
-		editPaper(item) {
-			var params = {
-				...item,
-				title: '编辑纸品'
-			}
-			go2('add-paper', params)
-		},
-		// 店铺设置按钮
-		setting(item) {
-			go2('store-settings')
-		},
-		// 详情点击事件
-		detailInfo(item) {
-			loginGo2('paper-detail', item)
-		},
-		// 上下架事件
-		productStatusChange(item) {
-			var params = {
-				id: item.id,
-				status: item.status === 30111 ? 30112 : 30111
-			}
-			productStatus(params).then(res => {
-				if (res) {
-					uni.showToast({
-						title: '状态修改成功',
-						icon: 'success'
-					})
-					setTimeout(() => {
-						this.orderPagination.pageNum = 1
-						this.quertData()
-					}, 500)
-				}
-			})
-		},
-		// 分享
-		shareTap() {
-			uni.share({
-				provider: 'weixin',
-				scene: 'WXSceneSession',
-				type: 0,
-				href: 'http://uniapp.dcloud.io/',
-				title: 'uni-app分享',
-				summary: '我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！',
-				imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png',
-				success: function(res) {
-					console.log('success:' + JSON.stringify(res))
-				},
-				fail: function(err) {
-					console.log('fail:' + JSON.stringify(err))
-				}
-			})
-		}
-	}
+  components: { uGap, noData },
+  filters: {
+    timeFilter(value) {
+      var abs = ''
+      if (value) {
+        abs = getTimer(value)
+      }
+      return abs
+    }
+  },
+  data() {
+    return {
+      pageShow: true,
+      storeInformation: {
+        supplierId: null,
+        name: null,
+        productNumber: 0,
+        currentProductNumber: 0
+      },
+      option: {
+        size: 10,
+        auto: true,
+        emptyText: '暂无数据~',
+        background: '#F7F8FA',
+        disabled: false
+      },
+      pattern: {
+        backgroundColor: '#007AFF',
+        buttonColor: '#007AFF'
+      },
+      content: [],
+      horizontal: 'right',
+      vertical: 'bottom',
+      direction: 'vertical',
+      orderPagination: {
+        pageNum: 0, // 初始会执行一次下拉加载
+        pageSize: 10,
+        storeId: null,
+        name: null,
+        supplierId: this.$store.state.supplierInfo.supplierId
+      },
+      listData: [],
+      logo: 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif',
+      backgroundStyle: 'background: url("/static/imgs/mall/zsc-bg-icon.png") no-repeat;'
+    }
+  },
+  onShow() {
+    this.storeInformation = {
+      supplierId: this.$store.state.supplierInfo.supplierId,
+      name: this.$store.state.supplierInfo.name
+    }
+    this.quertData()
+    this.getSuliper(this.$store.state.supplierInfo.supplierId)
+  },
+  onLoad() {
+    this.quertData()
+  },
+  methods: {
+    back,
+    // 获取上新商品数量
+    getSuliper(id) {
+      storeDetail(id)
+        .then((res) => {
+          if (res) {
+            this.$set(this.storeInformation, 'productNumber', res.productNumber)
+            this.$set(this.storeInformation, 'currentProductNumber', res.currentProductNumber)
+            if (res.logo === '') {
+              this.logo = 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'
+            } else {
+              this.logo = res.logo
+            }
+            if (res.backgroundImg === '') {
+              this.backgroundStyle = 'background: url("/static/imgs/mall/zsc-bg-icon.png") no-repeat;'
+            } else {
+              this.backgroundStyle = 'background: url(' + res.backgroundImg + ') no-repeat;'
+            }
+          }
+        })
+        .catch((err) => {
+          reject(err)
+        })
+    },
+    // 获取纸品列表 pageShow
+    quertData() {
+      return new Promise((resolve, reject) => {
+        SupplierList({ ...this.orderPagination })
+          .then((res) => {
+            if (res) {
+              if (res.records.length === 0) {
+                this.pageShow = false
+                return
+              }
+              if (this.orderPagination.pageNum == 1) {
+                this.listData = res.records
+              } else {
+                this.listData = this.listData.concat(res.records)
+              }
+              resolve({ list: this.listData, total: res.total })
+            }
+          })
+          .catch((err) => {
+            reject(err)
+          })
+      })
+    },
+    downCallback() {
+      this.orderPagination.pageNum = 1
+      this.quertData()
+        .then(({ list, total }) => {
+          this.$refs.list.refreshSuccess({ list, total })
+        })
+        .catch(() => {
+          this.$refs.list.refreshFail()
+        })
+    },
+    upCallback() {
+      this.orderPagination.pageNum++
+      this.quertData()
+        .then(({ list, total }) => {
+          this.$refs.list.loadSuccess({ list, total })
+        })
+        .catch(() => {
+          this.$refs.list.loadFail()
+        })
+    },
+    // 切换商城按钮
+    checkMall() {
+      go2('switching-mall', { supplierId: this.storeInformation.supplierId })
+    },
+    // 按钮点击事件
+    nativeTo() {
+      var params = {
+        title: '添加纸品'
+      }
+      go2('add-paper', params)
+    },
+    // 编辑事件
+    editPaper(item) {
+      var params = {
+        ...item,
+        title: '编辑纸品'
+      }
+      go2('add-paper', params)
+    },
+    // 店铺设置按钮
+    setting(item) {
+      go2('store-settings')
+    },
+    // 详情点击事件
+    detailInfo(item) {
+      loginGo2('paper-detail', item)
+    },
+    // 上下架事件
+    productStatusChange(item) {
+      var params = {
+        id: item.id,
+        status: item.status === 30111 ? 30112 : 30111
+      }
+      productStatus(params).then((res) => {
+        if (res) {
+          uni.showToast({
+            title: '状态修改成功',
+            icon: 'success'
+          })
+          setTimeout(() => {
+            this.orderPagination.pageNum = 1
+            this.quertData()
+          }, 500)
+        }
+      })
+    },
+    // 分享
+    shareTap() {
+      uni.share({
+        provider: 'weixin',
+        scene: 'WXSceneSession',
+        type: 0,
+        href: 'http://uniapp.dcloud.io/',
+        title: 'uni-app分享',
+        summary: '我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！',
+        imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png',
+        success: function (res) {
+          console.log('success:' + JSON.stringify(res))
+        },
+        fail: function (err) {
+          console.log('fail:' + JSON.stringify(err))
+        }
+      })
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .wrapper {
-	width: 750rpx;
-	overflow: hidden;
-	.left-title {
-		font-size: 40rpx;
-		color: #000000;
-		letter-spacing: 0;
-		font-weight: 500;
-	}
-	.right-title {
-		font-size: 28rpx;
-		color: #007aff;
-		text-align: right;
-		font-weight: 500;
-	}
-	.top-box {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: space-around;
-		height: 180rpx;
-	
-		background-size: 100%;
-		.image {
-			width: 100rpx;
-			height: 100rpx;
-			border-radius: 50%;
-		}
-		.right {
-			width: 140rpx;
-		}
-		.center {
-			position: relative;
-			left: -20rpx;
-		}
-		.title {
-			font-size: 34rpx;
-			color: #ffffff;
-			letter-spacing: 2rpx;
-			font-weight: 600;
-			margin-bottom: 12rpx;
-		}
-		.desc {
-			opacity: 0.75;
-			font-size: 28rpx;
-			color: #ffffff;
-			letter-spacing: 0;
-			font-weight: 500;
-			padding-right: 32rpx;
-		}
-		.cut {
-			display: flex;
-			align-items: center;
-			font-size: 24rpx;
-			color: #ffffff;
-			letter-spacing: 0;
-			text-align: center;
-			font-weight: 400;
-			.cut-icon {
-				width: 29.42rpx;
-				height: 26.67rpx;
-				margin-left: 10rpx;
-			}
-		}
-		.set {
-			opacity: 0.75;
-			font-size: 28rpx;
-			color: #ffffff;
-			letter-spacing: 0;
-			font-weight: 500;
-			position: relative;
-			top: 39rpx;
-			left: 60rpx;
-		}
-	}
-	.content {
-		background: #ffffff;
-		border-bottom: 2rpx solid #dddddd;
-		display: flex;
-		flex-direction: row;
-		padding: 24rpx 0rpx 24rpx 32rpx;
-		.image {
-			width: 100rpx;
-			height: 100rpx;
-			flex: 0 0 100rpx;
-			margin-right: 18rpx;
-		}
-		.title {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			font-size: 32rpx;
-			color: #333333;
-			letter-spacing: 0;
-			font-weight: 500;
-			.icon {
-				position: relative;
-				top: -22rpx;
-				width: 150rpx;
-				height: 50rpx;
-			}
-		}
-		.sub-title {
-			position: relative;
-			font-size: 28rpx;
-			color: #333333;
-			letter-spacing: 0;
-			font-weight: 400;
-			top: -4rpx;
-		}
-		.desc {
-			font-size: 28rpx;
-			color: #555555;
-			letter-spacing: 0;
-			font-weight: 400;
-			padding-top: 10rpx;
-			line-height: 1.4;
-		}
-	}
-	.other {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
-		height: 80rpx;
-		background: #ffffff;
-		padding: 0rpx 32rpx;
-		.time {
-			font-size: 28rpx;
-			color: #888888;
-			letter-spacing: 0;
-			font-weight: 400;
-		}
-		.btn {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-			font-size: 28rpx;
-			color: #007aff;
-			letter-spacing: 0;
-			text-align: right;
-			font-weight: 400;
-		}
-		.divide {
-			width: 2rpx;
-			height: 32rpx;
-			background: #d8d8d8;
-			margin: 0 32rpx;
-		}
-		.icon {
-			width: 24rpx;
-			height: 24rpx;
-			margin-left: 6rpx;
-		}
-	}
-	.offer-prices {
-		position: absolute;
-		z-index: 9999;
-		right: 32rpx;
-		bottom: 122rpx;
-		background-color: #007aff;
-		border-radius: 50%;
-		padding: 10rpx;
-		text-align: center;
-		width: 110rpx;
-		height: 110rpx;
-		border: 2rpx solid #f9f9f9;
-		box-shadow: 0rpx 4rpx 34rpx 0rpx rgba(0, 0, 0, 0.2);
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-	}
-	.my-image {
-		width: 100rpx;
-		height: 100rpx;
-	}
+  width: 750rpx;
+  overflow: hidden;
+  .left-title {
+    font-size: 40rpx;
+    color: #000000;
+    letter-spacing: 0;
+    font-weight: 500;
+  }
+  .right-title {
+    font-size: 28rpx;
+    color: #007aff;
+    text-align: right;
+    font-weight: 500;
+  }
+  .top-box {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    height: 180rpx;
+
+    background-size: 100%;
+    .image {
+      width: 100rpx;
+      height: 100rpx;
+      border-radius: 50%;
+    }
+    .right {
+      width: 140rpx;
+    }
+    .center {
+      position: relative;
+      left: -20rpx;
+    }
+    .title {
+      font-size: 34rpx;
+      color: #ffffff;
+      letter-spacing: 2rpx;
+      font-weight: 600;
+      margin-bottom: 12rpx;
+    }
+    .desc {
+      opacity: 0.75;
+      font-size: 28rpx;
+      color: #ffffff;
+      letter-spacing: 0;
+      font-weight: 500;
+      padding-right: 32rpx;
+    }
+    .cut {
+      display: flex;
+      align-items: center;
+      font-size: 24rpx;
+      color: #ffffff;
+      letter-spacing: 0;
+      text-align: center;
+      font-weight: 400;
+      .cut-icon {
+        width: 29.42rpx;
+        height: 26.67rpx;
+        margin-left: 10rpx;
+      }
+    }
+    .set {
+      opacity: 0.75;
+      font-size: 28rpx;
+      color: #ffffff;
+      letter-spacing: 0;
+      font-weight: 500;
+      position: relative;
+      top: 39rpx;
+      left: 60rpx;
+    }
+  }
+  .content {
+    background: #ffffff;
+    border-bottom: 2rpx solid #dddddd;
+    display: flex;
+    flex-direction: row;
+    padding: 24rpx 0rpx 24rpx 32rpx;
+    .image {
+      width: 100rpx;
+      height: 100rpx;
+      flex: 0 0 100rpx;
+      margin-right: 18rpx;
+    }
+    .title {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      font-size: 32rpx;
+      color: #333333;
+      letter-spacing: 0;
+      font-weight: 500;
+      .icon {
+        position: relative;
+        top: -22rpx;
+        width: 150rpx;
+        height: 50rpx;
+      }
+    }
+    .sub-title {
+      position: relative;
+      font-size: 28rpx;
+      color: #333333;
+      letter-spacing: 0;
+      font-weight: 400;
+      top: -4rpx;
+    }
+    .desc {
+      font-size: 28rpx;
+      color: #555555;
+      letter-spacing: 0;
+      font-weight: 400;
+      padding-top: 10rpx;
+      line-height: 1.4;
+    }
+  }
+  .other {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    height: 80rpx;
+    background: #ffffff;
+    padding: 0rpx 32rpx;
+    .time {
+      font-size: 28rpx;
+      color: #888888;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+    .btn {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 28rpx;
+      color: #007aff;
+      letter-spacing: 0;
+      text-align: right;
+      font-weight: 400;
+    }
+    .divide {
+      width: 2rpx;
+      height: 32rpx;
+      background: #d8d8d8;
+      margin: 0 32rpx;
+    }
+    .icon {
+      width: 24rpx;
+      height: 24rpx;
+      margin-left: 6rpx;
+    }
+  }
+  .offer-prices {
+    position: absolute;
+    z-index: 9999;
+    right: 32rpx;
+    bottom: 122rpx;
+    background-color: #007aff;
+    border-radius: 50%;
+    padding: 10rpx;
+    text-align: center;
+    width: 110rpx;
+    height: 110rpx;
+    border: 2rpx solid #f9f9f9;
+    box-shadow: 0rpx 4rpx 34rpx 0rpx rgba(0, 0, 0, 0.2);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  .my-image {
+    width: 100rpx;
+    height: 100rpx;
+  }
 }
-</style>
+</style>
diff --git a/pages/search/index.vue b/pages/search/index.vue
index 9c22c08..24fe7be 100644
--- a/pages/search/index.vue
+++ b/pages/search/index.vue
@@ -37,7 +37,7 @@
       <view class="packing-area" v-show="packingList.length > 0">
         <scroll-view scroll-y="true" class="scroll-area">
           <view class="search-item" v-for="item in packingList" :key="item.enterpriseId">
-            <image class="item_image" :src="item.enterpriseLogo || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'"></image>
+            <image class="item_image" :src="item.enterpriseLogo || '/static/imgs/client-default.png'"></image>
             <view class="item">
               <view class="name" v-html="transformTitle(item.enterpriseName)"></view>
               <text class="business">{{ transformBusiness(item.business) }}</text>
diff --git a/static/imgs/client/client-default.png b/static/imgs/client/client-default.png
new file mode 100644
index 0000000..37557b5
Binary files /dev/null and b/static/imgs/client/client-default.png differ