diff --git a/pages.json b/pages.json
index f32c716..e1d26a6 100644
--- a/pages.json
+++ b/pages.json
@@ -137,23 +137,23 @@
         "navigationStyle": "custom",
         "enablePullDownRefresh": false
       }
-    },
-	{
-	  "path": "pages/account-management/index",
-	  "style": {
-	    "navigationBarTitleText": "账号管理",
-	    "navigationStyle": "custom",
-	    "enablePullDownRefresh": false
-	  }
-	},
-	{
-	  "path": "pages/add-account/index",
-	  "style": {
-	    "navigationBarTitleText": "新增企业账号",
-	    "navigationStyle": "custom",
-	    "enablePullDownRefresh": false
-	  }
-	}
+    },
+    {
+      "path": "pages/account-management/index",
+      "style": {
+        "navigationBarTitleText": "账号管理",
+        "navigationStyle": "custom",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/add-account/index",
+      "style": {
+        "navigationBarTitleText": "新增企业账号",
+        "navigationStyle": "custom",
+        "enablePullDownRefresh": false
+      }
+    }
   ],
   "globalStyle": {
     "navigationBarTextStyle": "black",
@@ -175,14 +175,14 @@
       },
       {
         "pagePath": "pages/cart/index",
-        "iconPath": "static/imgs/tabbar/store-gray.png",
-        "selectedIconPath": "static/imgs/tabbar/store-blue.png",
+        "iconPath": "static/imgs/tabbar/cart-gray.png",
+        "selectedIconPath": "static/imgs/tabbar/cart-blue.png",
         "text": "购物车"
       },
       {
         "pagePath": "pages/mine/index",
-        "iconPath": "static/imgs/tabbar/store-gray.png",
-        "selectedIconPath": "static/imgs/tabbar/store-blue.png",
+        "iconPath": "static/imgs/tabbar/mine-gray.png",
+        "selectedIconPath": "static/imgs/tabbar/mine-blue.png",
         "text": "个人中心"
       }
     ]
diff --git a/pages/enquiry-list/index.vue b/pages/enquiry-list/index.vue
index 6475ec5..57c74ef 100644
--- a/pages/enquiry-list/index.vue
+++ b/pages/enquiry-list/index.vue
@@ -1,56 +1,64 @@
 <template>
-	<view class="warpper">
-		<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="询价列表"></uni-nav-bar>
-		<view class="">
-			<view class="status-bar">
-				<view v-for="(item, index) in statusBarArray" :key="index" :class="{ box: true, 'box--selected': current == index }" @click="selectStatus(item, index)">
-					{{ item }}
-				</view>
-			</view>
-			<scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #ffffff">
-				<view class="content" v-for="(item, index) in list" :key="index">
-					<uGap v-if="index > 0"></uGap>
-					<view class="header">
-						<view class="header-title">{{ item.belongEnterpriseName }}</view>
-						<view class="header-value">
-							<text :class="item.status == 30131 || item.status == 30138 ? 'failure' : ''">{{ item.status | statusName }}</text>
-						</view>
-					</view>
-					<view class="box" v-if="item.status != 30116 && item.status != 30131">
-						<view class="list-box" v-for="(sitem, sindex) in item.itemList" :key="sindex">
-							<image class="image" :src="sitem.productImg || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'" mode=""></image>
-							<view class="info-box">
-								<view class="name">{{ sitem.brandName }}</view>
-								<view class="value">
-									{{ sitem.categoryName }}/{{ sitem.paperName }}/{{ sitem.gramWeight }}g/{{ sitem.width }}*{{ sitem.length }}/{{ sitem.quantity }}张
-								</view>
-							</view>
-						</view>
-					</view>
-					<view class="box" v-else>
-						<view class="list-box" v-for="(sitem, sindex) in item.reply.replyItemList" :key="sindex">
-							<image class="image" :src="sitem.productImg || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'" mode=""></image>
-							<view class="info-box">
-								<view class="name">{{ sitem.brandName }}</view>
-								<view class="value">
-									{{ sitem.categoryName }}/{{ sitem.paperName }}/{{ sitem.gramWeight }}g/{{ sitem.width }}*{{ sitem.length }}/{{ sitem.quantity }}张
-								</view>
-							</view>
-						</view>
-					</view>
-					<view class="other" v-if="item.status == 30116 || item.status == 30131">
-						<view class="left">{{ item.createTime }}</view>
-						<view class="right">
-							<view class="">
-								<text class="price" v-if="item.reply">¥ {{ item.reply.totalPrice }}</text>
-							</view>
-							<view class="btn" @tap="placeOrderTap(item,item.reply.replyItemList)" v-if="item.status == 30116">去下单</view>
-						</view>
-					</view>
-				</view>
-			</scroll-list>
-		</view>
-	</view>
+  <view class="wrapper">
+    <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="询价列表"></uni-nav-bar>
+    <view class="">
+      <view class="status-bar">
+        <view v-for="(item, index) in statusBarArray" :key="index" :class="{ box: true, 'box--selected': current == index }" @click="selectStatus(item, index)">
+          {{ item }}
+        </view>
+      </view>
+      <scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback">
+        <view class="content" v-for="(item, index) in list" :key="index">
+          <uGap v-if="index > 0"></uGap>
+          <view class="header">
+            <view class="header-title">{{ item.belongEnterpriseName }}</view>
+            <view class="header-value">
+              <text :class="item.status == 30131 || item.status == 30138 ? 'failure' : ''">{{ item.status | statusName }}</text>
+            </view>
+          </view>
+          <view class="box" v-if="item.status != 30116 && item.status != 30131">
+            <view class="list-box" v-for="(subItem, subIndex) in item.itemList" :key="subIndex">
+              <image
+                class="image"
+                :src="subItem.productImg || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/paper-default-small.png'"
+                mode=""
+              ></image>
+              <view class="info-box">
+                <view class="name">{{ subItem.brandName }}</view>
+                <view class="value">
+                  {{ subItem.categoryName }}/{{ subItem.paperName }}/{{ subItem.gramWeight }}g/{{ subItem.width }}*{{ subItem.length }}/{{ subItem.quantity }}张
+                </view>
+              </view>
+            </view>
+          </view>
+          <view class="box" v-else>
+            <view class="list-box" v-for="(subItem, subIndex) in item.reply.replyItemList" :key="subIndex">
+              <image
+                class="image"
+                :src="subItem.productImg || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/paper-default-small.png'"
+                mode=""
+              ></image>
+              <view class="info-box">
+                <view class="name">{{ subItem.brandName }}</view>
+                <view class="value">
+                  {{ subItem.categoryName }}/{{ subItem.paperName }}/{{ subItem.gramWeight }}g/{{ subItem.width }}*{{ subItem.length }}/{{ subItem.quantity }}张
+                </view>
+              </view>
+            </view>
+          </view>
+          <view class="other" v-if="item.status == 30116 || item.status == 30131">
+            <view class="left">{{ item.createTime }}</view>
+            <view class="right">
+              <view class="">
+                <text class="price" v-if="item.reply">¥ {{ item.reply.totalPrice }}</text>
+              </view>
+              <view class="btn" @tap="placeOrderTap(item, item.reply.replyItemList)" v-if="item.status == 30116">去下单</view>
+            </view>
+          </view>
+        </view>
+      </scroll-list>
+    </view>
+  </view>
 </template>
 
 <script>
@@ -58,268 +66,266 @@ import { go2, back } from '@/utils/hook.js'
 import uGap from '@/components/u-gap/u-gap.vue'
 import { getEnquiryOrder, createByEnquiry } from '@/apis/enquiryListApi.js'
 export default {
-	components: { uGap },
-	data() {
-		return {
-			current: 0,
-			statusBarArray: ['全部', '待报价', '已报价', '已成交'],
-			option: {
-				size: 10,
-				auto: true,
-				emptyText: '暂无数据~',
-				background: '#F7F8FA',
-				disabled: false,
-				emptyImage: '/static/imgs/order/order-empty.png'
-			},
+  components: { uGap },
+  data() {
+    return {
+      current: 0,
+      statusBarArray: ['全部', '待报价', '已报价', '已成交'],
+      option: {
+        size: 10,
+        auto: true,
+        emptyText: '暂无数据~',
+        background: '#F7F8FA',
+        disabled: false,
+        emptyImage: '/static/imgs/order/order-empty.png'
+      },
 
-			pagination: {
-				status: 0,
-				pageNum: 0, // 初始会执行一次下拉加载
-				pageSize: 10
-			},
-			list: []
-		}
-	},
-	filters: {
-		statusName(e) {
-			let name = ''
-			switch (e) {
-				case 30114:
-					name = '待报价'
-					break
-				case 30116:
-					name = '已报价'
-					break
-				case 30131:
-					name = '已成交'
-					break
-				case 30138:
-					name = '已失效'
-					break
-				default:
-					break
-			}
-			return name
-		}
-	},
-	onShow() {
-		// this.getList()
-	},
-	methods: {
-		go2,
-		back,
-		selectStatus(item, index) {
-			this.current = index
-			this.pagination.status = index
-			this.downCallback()
-		},
-		getList() {
-			return new Promise((resolve, reject) => {
-				getEnquiryOrder({ ...this.pagination })
-					.then(res => {
-						// console.log('询价列表', res.records)
-						if (res) {
-							if (this.pagination.pageNum == 1) {
-								this.list = res.records
-							} else {
-								this.list = this.list.concat(res.records)
-							}
-							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()
-				})
-		},
-		// 确认下单
-		placeOrderTap(item, replyItemList) {
-			console.log('replyItemList', replyItemList)
-			const params = {
-				enquiryId: item.id,
-				orderGoodsList: replyItemList,
-				purchaserEnterpriseId: this.$store.state.companyInfo.id,
-				userId: this.$store.state.userInfo.userId,
-				// purchaserEnterpriseId: '677166943471538176',
-				// userId: '573244119569272832',
-			}
-			createByEnquiry(params).then(res => {
-				if (res) {
-					uni.showToast({
-						title: '下单成功',
-						icon: 'success'
-					})
-					setTimeout(() => {
-						go2('order-make', { orderId: item.orderId })
-					}, 500)
-				}
-			})
-		}
-	}
+      pagination: {
+        status: 0,
+        pageNum: 0, // 初始会执行一次下拉加载
+        pageSize: 10
+      },
+      list: []
+    }
+  },
+  filters: {
+    statusName(e) {
+      let name = ''
+      switch (e) {
+        case 30114:
+          name = '待报价'
+          break
+        case 30116:
+          name = '已报价'
+          break
+        case 30131:
+          name = '已成交'
+          break
+        case 30138:
+          name = '已失效'
+          break
+        default:
+          break
+      }
+      return name
+    }
+  },
+  onShow() {
+    this.downCallback()
+  },
+  methods: {
+    go2,
+    back,
+    selectStatus(item, index) {
+      this.current = index
+      this.pagination.status = index
+      this.downCallback()
+    },
+    getList() {
+      return new Promise((resolve, reject) => {
+        getEnquiryOrder({ ...this.pagination })
+          .then((res) => {
+            // console.log('询价列表', res.records)
+            if (res) {
+              if (this.pagination.pageNum == 1) {
+                this.list = res.records
+              } else {
+                this.list = this.list.concat(res.records)
+              }
+              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()
+        })
+    },
+    // 确认下单
+    placeOrderTap(item, replyItemList) {
+      const params = {
+        enquiryId: item.id,
+        orderGoodsList: replyItemList,
+        purchaserEnterpriseId: this.$store.state.companyInfo.id,
+        userId: this.$store.state.userInfo.userId
+      }
+      createByEnquiry(params).then((res) => {
+        if (res) {
+          uni.showToast({
+            title: '下单成功',
+            icon: 'success'
+          })
+          setTimeout(() => {
+            go2('order-make', { orderId: res.orderId })
+          }, 500)
+        }
+      })
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
-.warpper {
-	display: flex;
-	flex-direction: column;
-	flex: 1;
-	height: 100vh;
-	.status-bar {
-		flex-grow: 0;
-		flex-shrink: 0;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0 32rpx;
-		// border-bottom: 2rpx solid #DDDDDD;
-		background-color: #fff;
-		border-bottom: 2rpx solid rgba($color: #dddddd, $alpha: 0.8);
-		height: 90rpx;
-		.box {
-			height: 86rpx;
-			flex-grow: 0;
-			flex-shrink: 0;
-			color: #000000;
-			font-size: 28rpx;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			// border-bottom: 4rpx solid #f8f8f8;
-		}
-		.box--selected {
-			border-bottom: 4rpx solid #007aff;
-			color: #007aff;
-		}
-	}
-	.content {
-		.header {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-			height: 88rpx;
-			background: #ffffff;
-			padding: 0rpx 32rpx;
-			border-bottom: 2rpx solid #dddddd;
-			.header-title {
-				font-size: 30rpx;
-				color: #333333;
-				letter-spacing: 0;
-				font-weight: 500;
-			}
-			.header-value {
-				font-size: 30rpx;
-				color: #ff5368;
-				letter-spacing: 0;
-				text-align: right;
-				font-weight: 500;
-				.failure {
-					color: #888888;
-				}
-			}
-		}
-		.box {
-			padding: 24rpx 32rpx;
-			.list-box:nth-last-child(even) {
-				border-bottom: 2rpx solid #dddddd;
-			}
-			.list-box {
-				display: flex;
-				flex-direction: row;
-				height: 148rpx;
-				background: #ffffff;
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  height: 100vh;
+  .status-bar {
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 32rpx;
+    // border-bottom: 2rpx solid #DDDDDD;
+    background-color: #fff;
+    border-bottom: 2rpx solid rgba($color: #dddddd, $alpha: 0.8);
+    height: 90rpx;
+    .box {
+      height: 86rpx;
+      flex-grow: 0;
+      flex-shrink: 0;
+      color: #000000;
+      font-size: 28rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      // border-bottom: 4rpx solid #f8f8f8;
+    }
+    .box--selected {
+      border-bottom: 4rpx solid #007aff;
+      color: #007aff;
+    }
+  }
+  .content {
+    .header {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      height: 88rpx;
+      background: #ffffff;
+      padding: 0rpx 32rpx;
+      border-bottom: 2rpx solid #dddddd;
+      .header-title {
+        font-size: 30rpx;
+        color: #333333;
+        letter-spacing: 0;
+        font-weight: 500;
+      }
+      .header-value {
+        font-size: 30rpx;
+        color: #ff5368;
+        letter-spacing: 0;
+        text-align: right;
+        font-weight: 500;
+        .failure {
+          color: #888888;
+        }
+      }
+    }
+    .box {
+      background-color: #fff;
+      padding: 24rpx 32rpx;
+      .list-box:nth-last-child(even) {
+        border-bottom: 2rpx solid #dddddd;
+      }
+      .list-box {
+        display: flex;
+        flex-direction: row;
+        height: 148rpx;
+        background: #ffffff;
 
-				padding: 24rpx 0rpx;
-				.image {
-					width: 100rpx;
-					height: 100rpx;
-					flex: 0 0 100rpx;
-					margin-right: 20rpx;
-				}
-				.info-box {
-					.name {
-						font-size: 30rpx;
-						color: #333333;
-						letter-spacing: 0;
-						text-align: left;
-						font-weight: 400;
-						padding-top: 4rpx;
-					}
-					.value {
-						font-size: 26rpx;
-						color: #888888;
-						letter-spacing: 0;
-						text-align: left;
-						font-weight: 400;
-						padding-top: 26rpx;
-					}
-				}
-			}
-		}
-		.other {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-			padding: 0rpx 32rpx;
-			height: 80rpx;
-			background: #ffffff;
-			border-top: 2rpx solid #dddddd;
-			.left {
-				font-size: 26rpx;
-				color: #888888;
-				letter-spacing: 0;
-				text-align: left;
-				font-weight: 400;
-			}
-			.right {
-				display: flex;
-				align-items: center;
-				.price {
-					font-size: 30rpx;
-					color: #ff5368;
-					letter-spacing: 0;
-					text-align: right;
-					font-weight: 500;
-				}
-				.btn {
-					margin-left: 24rpx;
-					width: 132rpx;
-					height: 54rpx;
-					line-height: 54rpx;
-					background: #007aff;
-					border-radius: 27rpx;
-					font-size: 28rpx;
-					color: #ffffff;
-					letter-spacing: 0;
-					text-align: center;
-					font-weight: 500;
-				}
-			}
-		}
-	}
+        padding: 24rpx 0rpx;
+        .image {
+          width: 100rpx;
+          height: 100rpx;
+          flex: 0 0 100rpx;
+          margin-right: 20rpx;
+        }
+        .info-box {
+          .name {
+            font-size: 30rpx;
+            color: #333333;
+            letter-spacing: 0;
+            text-align: left;
+            font-weight: 400;
+            padding-top: 4rpx;
+          }
+          .value {
+            font-size: 26rpx;
+            color: #888888;
+            letter-spacing: 0;
+            text-align: left;
+            font-weight: 400;
+            padding-top: 26rpx;
+          }
+        }
+      }
+    }
+    .other {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0rpx 32rpx;
+      height: 80rpx;
+      background: #ffffff;
+      border-top: 2rpx solid #dddddd;
+      .left {
+        font-size: 26rpx;
+        color: #888888;
+        letter-spacing: 0;
+        text-align: left;
+        font-weight: 400;
+      }
+      .right {
+        display: flex;
+        align-items: center;
+        .price {
+          font-size: 30rpx;
+          color: #ff5368;
+          letter-spacing: 0;
+          text-align: right;
+          font-weight: 500;
+        }
+        .btn {
+          margin-left: 24rpx;
+          width: 132rpx;
+          height: 54rpx;
+          line-height: 54rpx;
+          background: #007aff;
+          border-radius: 27rpx;
+          font-size: 28rpx;
+          color: #ffffff;
+          letter-spacing: 0;
+          text-align: center;
+          font-weight: 500;
+        }
+      }
+    }
+  }
 }
-</style>
+</style>
diff --git a/pages/for-comparison/index.vue b/pages/for-comparison/index.vue
index c02a2a4..87b1c4f 100644
--- a/pages/for-comparison/index.vue
+++ b/pages/for-comparison/index.vue
@@ -1,148 +1,154 @@
 <template>
-	<view class="content">
-		<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="实单询比价"></uni-nav-bar>
-		<view>
-			<view class="hint-box">全网优质原纸供应商，20分钟极速响应。</view>
-			<view class="qn-form-item qn-form-item">
-				<view class="label">
-					<uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
-					<text class="label__text">纸种</text>
-				</view>
-				<view class="value">
-					<picker :value="form.categoryIndex" @change="categoryChange" :range="categoryNameList">
-						<view>
-							<text class="uni-input">{{ form.categoryName }}</text>
-							<uni-icons type="right" color="#000000" size="16"></uni-icons>
-						</view>
-					</picker>
-				</view>
-			</view>
-			<view class="qn-form-item qn-form-item">
-				<view class="label">
-					<uni-icons custom-prefix="iconfont"  type="icon-required" size="14" color="#F5222D"></uni-icons>
-					<text class="label__text">品牌</text>
-				</view>
-				<view class="value">
-					<picker :value="form.brandIndex" @change="brandChange" :range="brandNameList" >
-						<view>
-							<text class="uni-input">{{ form.brandName }}</text>
-							<uni-icons type="right" color="#000000" size="16"></uni-icons>
-						</view>
-					</picker>
-				</view>
-			</view>
-			<view class="qn-form-item qn-form-item">
-				<view class="label">
-					<uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
-					<text class="label__text">纸品名称</text>
-				</view>
-				<view class="value"><qn-easyinput :maxlength="20" v-model="form.paperName" :inputBorder="false" text="right" placeholder="请输入纸品名称"></qn-easyinput></view>
-			</view>
-			<view class="qn-form-item qn-form-item">
-				<view class="label">
-					<uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
-					<text class="label__text">克重(g)</text>
-				</view>
-				<view class="value">
-					<picker :value="form.gramWeightIndex"  @change="gramWeightChange"  :range="weightList">
-						<view>
-							<text class="uni-input">{{ form.gramWeight }}</text>
-							<uni-icons type="right" color="#000000" size="16"></uni-icons>
-						</view>
-					</picker>
-				</view>
-			</view>
-			<view class="qn-form-item-gg ">
-				<view class="label">
-					<uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
-					<text class="label__text">规格(mm)</text>
-				</view>
-				<view class="value">
-					<view class="value">
-						<!-- <qn-easyinput :maxlength="20" v-model="form.shortName" :inputBorder="false" text="right" placeholder="请输入数量"></qn-easyinput> -->
-						<radio-group>
-							<label v-for="(ritem, rindex) in radioGroupList" :key="rindex" @tap="specificationTap(ritem, rindex)">
-								<radio :checked="rindex === 0" style="transform:scale(0.7)" />
-								<text class="uni-input">{{ ritem.name }}</text>
-							</label>
-						</radio-group>
-					</view>
-					<view class="input-row">
-						<view class=""><uni-easyinput :inputBorder="false" class="easyinput" type="number" v-model="form.width" placeholder="请输入"></uni-easyinput></view>
-						<view class="symbol">x</view>
-						<view class=""><uni-easyinput :inputBorder="false" class="easyinput" type="number" v-model="form.length" placeholder="请输入"></uni-easyinput></view>
-					</view>
-				</view>
-			</view>
-			<view class="qn-form-item qn-form-item">
-				<view class="label">
-					<uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
-					<text class="label__text">数量(张)</text>
-				</view>
-				<view class="value">
-					<view class="value"><qn-easyinput :maxlength="20" v-model="form.quantity" :inputBorder="false" text="right" placeholder="请输入数量"></qn-easyinput></view>
-				</view>
-			</view>
-			<view class="qn-form-item qn-form-item">
-				<view class="label"><text class="label__text">交货时间</text></view>
-				<view class="value">
-					<picker :value="paperIndex" :range="deliveryTimeList" @change="deliveryTimeChange">
-						<view>
-							<text class="uni-input">{{ form.deliveryDay }}</text>
-							<uni-icons type="right" color="#000000" size="16"></uni-icons>
-						</view>
-					</picker>
-				</view>
-			</view>
-			<view class="qn-form-item qn-form-item" style="border: none;">
-				<view class="label">
-					<!-- <uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons> -->
-					<text class="label__text">交货区域</text>
-				</view>
-				<view class="value">
-					<!-- <qn-easyinput v-model="form.shortName" :inputBorder="false" text="right" placeholder="选择所在区域"></qn-easyinput> -->
-					<qn-data-picker
-						:readonly="hasSelected"
-						text="right"
-						:border="false"
-						class="qn-picker"
-						placeholder="区域"
-						popup-title="请选择城市"
-						:map="{ text: 'name', value: 'id' }"
-						@change="onAreaChange"
-						:clear-icon="true"
-						:localdata="items"
-					>
-						<text v-if="form.locDistrictId">
-							{{ `${form.deliveryProvinceName || ''}/${form.deliveryCityName || ''}/${form.deliveryDistrictName || ''}/${form.deliveryStreetName || ''}` }}
-						</text>
-					</qn-data-picker>
-				</view>
-			</view>
-			<uGap></uGap>
-			<view class="qn-form-item-remark">
-				<view class="label"><text class="label__text">询价备注</text></view>
-				<view class="value">
-					<qn-easyinput
-						class="paper-price-textArea"
-						:maxlength="200"
-						:styles="{ disableColor: '#F7F8FA' }"
-						v-model="form.remark"
-						:inputBorder="false"
-						type="textarea"
-						placeholder="请输入拜访对象"
-					></qn-easyinput>
-				</view>
-			</view>
-		</view>
+  <view class="content">
+    <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="实单询比价"></uni-nav-bar>
+    <view>
+      <view class="hint-box">全网优质原纸供应商，20分钟极速响应。</view>
+      <view class="qn-form-item qn-form-item">
+        <view class="label">
+          <uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
+          <text class="label__text">纸种</text>
+        </view>
+        <view class="value">
+          <picker :value="form.categoryIndex" @change="categoryChange" :range="categoryNameList">
+            <view>
+              <text class="uni-input">{{ form.categoryName }}</text>
+              <uni-icons type="right" color="#000000" size="16"></uni-icons>
+            </view>
+          </picker>
+        </view>
+      </view>
+      <view class="qn-form-item qn-form-item">
+        <view class="label">
+          <uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
+          <text class="label__text">品牌</text>
+        </view>
+        <view class="value">
+          <picker :value="form.brandIndex" @change="brandChange" :range="brandNameList">
+            <view>
+              <text class="uni-input">{{ form.brandName }}</text>
+              <uni-icons type="right" color="#000000" size="16"></uni-icons>
+            </view>
+          </picker>
+        </view>
+      </view>
+      <view class="qn-form-item qn-form-item">
+        <view class="label">
+          <uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
+          <text class="label__text">纸品名称</text>
+        </view>
+        <view class="value">
+          <qn-easyinput :maxlength="20" v-model="form.paperName" :inputBorder="false" text="right" placeholder="请输入纸品名称"></qn-easyinput>
+        </view>
+      </view>
+      <view class="qn-form-item qn-form-item">
+        <view class="label">
+          <uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
+          <text class="label__text">克重(g)</text>
+        </view>
+        <view class="value">
+          <picker :value="form.gramWeightIndex" @change="gramWeightChange" :range="weightList">
+            <view>
+              <text class="uni-input">{{ form.gramWeight }}</text>
+              <uni-icons type="right" color="#000000" size="16"></uni-icons>
+            </view>
+          </picker>
+        </view>
+      </view>
+      <view class="qn-form-item-gg">
+        <view class="label">
+          <uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
+          <text class="label__text">规格(mm)</text>
+        </view>
+        <view class="value">
+          <view class="value">
+            <!-- <qn-easyinput :maxlength="20" v-model="form.shortName" :inputBorder="false" text="right" placeholder="请输入数量"></qn-easyinput> -->
+            <radio-group>
+              <label v-for="(ritem, rindex) in radioGroupList" :key="rindex" @tap="specificationTap(ritem, rindex)">
+                <radio :checked="rindex === 0" style="transform: scale(0.7)" />
+                <text class="uni-input">{{ ritem.name }}</text>
+              </label>
+            </radio-group>
+          </view>
+          <view class="input-row">
+            <view class=""><uni-easyinput :inputBorder="false" class="easyinput" type="number" v-model="form.width" placeholder="请输入"></uni-easyinput></view>
+            <view class="symbol">x</view>
+            <view class="">
+              <uni-easyinput :inputBorder="false" class="easyinput" type="number" v-model="form.length" placeholder="请输入"></uni-easyinput>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="qn-form-item qn-form-item">
+        <view class="label">
+          <uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons>
+          <text class="label__text">数量(张)</text>
+        </view>
+        <view class="value">
+          <view class="value">
+            <qn-easyinput :maxlength="20" v-model="form.quantity" :inputBorder="false" text="right" placeholder="请输入数量"></qn-easyinput>
+          </view>
+        </view>
+      </view>
+      <view class="qn-form-item qn-form-item">
+        <view class="label"><text class="label__text">交货时间</text></view>
+        <view class="value">
+          <picker :value="paperIndex" :range="deliveryTimeList" @change="deliveryTimeChange">
+            <view>
+              <text class="uni-input">{{ form.deliveryDay }}</text>
+              <uni-icons type="right" color="#000000" size="16"></uni-icons>
+            </view>
+          </picker>
+        </view>
+      </view>
+      <view class="qn-form-item qn-form-item" style="border: none">
+        <view class="label">
+          <!-- <uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons> -->
+          <text class="label__text">交货区域</text>
+        </view>
+        <view class="value">
+          <!-- <qn-easyinput v-model="form.shortName" :inputBorder="false" text="right" placeholder="选择所在区域"></qn-easyinput> -->
+          <qn-data-picker
+            :readonly="hasSelected"
+            text="right"
+            :border="false"
+            class="qn-picker"
+            placeholder="区域"
+            popup-title="请选择城市"
+            :map="{ text: 'name', value: 'id' }"
+            @change="onAreaChange"
+            :clear-icon="true"
+            :localdata="items"
+          >
+            <text v-if="form.locDistrictId">
+              {{ `${form.deliveryProvinceName || ''}/${form.deliveryCityName || ''}/${form.deliveryDistrictName || ''}/${form.deliveryStreetName || ''}` }}
+            </text>
+          </qn-data-picker>
+        </view>
+      </view>
+      <uGap></uGap>
+      <view class="qn-form-item-remark">
+        <view class="label"><text class="label__text">询价备注</text></view>
+        <view class="value">
+          <qn-easyinput
+            class="paper-price-textArea"
+            :maxlength="200"
+            :styles="{ disableColor: '#F7F8FA' }"
+            v-model="form.remark"
+            :inputBorder="false"
+            type="textarea"
+            placeholder="请输入询价备注"
+          ></qn-easyinput>
+        </view>
+      </view>
+    </view>
 
-		<qn-footer fixed height="120rpx">
-			<view class="button-area">
-				<!-- <view class="button button__cancel" @click="back"><text class="text">取消</text></view> -->
-				<view class="button button__submit" @click="addUser"><text class="text" style="color: white">提交询价</text></view>
-			</view>
-		</qn-footer>
-	</view>
+    <qn-footer fixed height="120rpx">
+      <view class="button-area">
+        <!-- <view class="button button__cancel" @click="back"><text class="text">取消</text></view> -->
+        <view class="button button__submit" @click="addUser"><text class="text" style="color: white">提交询价</text></view>
+      </view>
+    </qn-footer>
+  </view>
 </template>
 
 <script>
@@ -156,469 +162,469 @@ import uGap from '@/components/u-gap/u-gap.vue'
 import { createEnquiryOrder, getCategoryList } from '@/apis/forComparisonApi.js'
 const validateFields = ['categoryName', 'brandName', 'paperName', 'gramWeight', 'width', 'length', 'quantity']
 export default {
-	components: { qnEasyinput, qnDataPicker, qnDatetimePicker, qnFooter, uGap },
-	data() {
-		return {
-			paperIndex: 0,
-			categoryNameList: [],
-			brandNameList: [],
-			weightList: [],
-			deliveryTimeList: ['当天到', '明天到'],
-			radioGroupList: [
-				{
-					name: '正度',
-					width: '787',
-					length: '1092',
-					disabled: true
-				},
-				{
-					name: '大度',
-					width: '889',
-					length: '1194',
-					disabled: true
-				},
-				{
-					name: '特规分切',
-					width: '',
-					length: '',
-					disabled: false
-				}
-			],
-			form: {
-				deliveryArea: '',
-				deliveryCityId: '',
-				deliveryCityName: '',
-				deliveryDay: '',
-				deliveryDayIndex: 0,
-				deliveryDistrictId: '',
-				deliveryDistrictName: '',
-				deliveryId: '',
-				deliveryProvinceId: '',
-				deliveryProvinceName: '',
-				deliveryStreetId: '',
-				deliveryStreetName: '',
-				detailList: [],
-				offerEnterprise: '',
-				remark: '',
-				brandId: '',
-				brandName: '',
-				brandIndex: 0,
-				categoryId: '',
-				categoryName: '',
-				categoryIndex: 0,
-				gramWeight: '',
-				gramWeightIndex: 0,
-				length: '1092',
-				paperName: '',
-				quantity: '',
-				remark: '',
-				width: '787',
-				productImg: '',
-			},
-			searchList: [],
-			hasSelected: false,
-			items: []
-		}
-	},
-	mounted() {
-		getArea().then(res => {
-			if (res) {
-				this.items = res
-			}
-		})
-	},
-	onLoad(option) {
-		this.form.offerEnterprise = option.id
-		this.form.productImg = option.productImg
-		this.getCategoryList()
-	},
-	methods: {
-		back,
-		// 查询纸种列表
-		getCategoryList() {
-			const params = {
-				paperSupplierId: this.$store.state.supplierId
-			}
-			getCategoryList(params).then(res => {
-				// console.log('纸种列表', res)
-				if (res) {
-					this.categoryNameList = res.categoryNameList
-					this.brandNameList = res.brandNameList
-					this.weightList = res.weightList
-					this.form.categoryName = this.categoryNameList[0]
-					this.form.brandName = this.brandNameList[0]
-					this.form.gramWeight = this.weightList[0]
-				}
-			})
-		},
-		// 选择纸种
-		categoryChange(e) {
-			// console.log('e.target.value', e.target.value)
-			let index = e.target.value
-			this.form.categoryIndex = e.target.value
-			this.form.categoryName = this.categoryNameList[index]
-		},
-		// 选择品牌
-		brandChange(e) {
-			let index = e.target.value
-			this.form.brandIndex = e.target.value
-			this.form.brandName = this.brandNameList[index]
-		},
-		// 克重
-		gramWeightChange(e) {
-			let index = e.target.value
-			this.form.gramWeightIndex = e.target.value
-			this.form.gramWeight = this.weightList[index]
-		},
-		// 规格切换
-		specificationTap(item, index) {
-			this.form.width = item.width
-			this.form.length = item.length
-		},
-		// 交货时间
-		deliveryTimeChange(e) {
-			this.form.deliveryDayIndex = e.target.value
-			// 0 当天 1明天
-			if (this.form.deliveryDayIndex == 0) {
-				this.form.deliveryDay = this.getDay(0, 3600000)
-			} else {
-				this.form.deliveryDay = this.getDay(1, 3600000)
-			}
-		},
-		onAreaChange(e) {
-			if (e.detail.value && e.detail.value.length > 0) {
-				const [province, city, district, street] = e.detail.value
-				this.form.deliveryProvinceId = province.value
-				this.form.deliveryProvinceName = province.text
-				this.form.deliveryCityId = city.value
-				this.form.deliveryCityName = city.text
-				this.form.deliveryDistrictId = district.value
-				this.form.deliveryDistrictName = district.text
-				this.form.deliveryStreetId = street.value
-				this.form.deliveryStreetName = street.text
-				this.form.deliveryArea = province.text + city.text + district.text + street.text
-			} else {
-				this.form.deliveryProvinceId = null
-				this.form.deliveryProvinceName = null
-				this.form.deliveryCityId = null
-				this.form.deliveryCityName = null
-				this.form.deliveryDistrictId = null
-				this.form.deliveryDistrictName = null
-				this.form.deliveryStreetId = null
-				this.form.deliveryStreetName = null
-				this.form.deliveryArea = null
-			}
-		},
-		selectedImage(type) {
-			uploadImage()
-				.then(urls => {
-					if (urls) {
-						this.form[type] = urls[0]
-					}
-				})
-				.catch(e => {
-					uni.showToast({
-						title: '上传失败',
-						icon: 'fail'
-					})
-				})
-		},
-		showImage() {
-			uni.previewImage({
-				urls: [this.form.businessLicenseImg]
-			})
-		},
-		addUser() {
-			for (let i = 0; i < validateFields.length; i++) {
-				if (this.form[validateFields[i]] === null || this.form[validateFields[i]] === '') {
-					uni.showToast({
-						title: '请完善信息',
-						icon: 'none'
-					})
-					return
-				}
-			}
-			const params = {
-				deliveryArea: this.form.deliveryArea,
-				deliveryCityId: this.form.deliveryCityId,
-				deliveryCityName: this.form.deliveryCityName,
-				deliveryDay: this.form.deliveryDay,
-				deliveryDistrictId: this.form.deliveryDistrictId,
-				deliveryDistrictName: this.form.deliveryDistrictName,
-				deliveryId: this.form.deliveryId,
-				deliveryProvinceId: this.form.deliveryProvinceId,
-				deliveryProvinceName: this.form.deliveryProvinceName,
-				deliveryStreetId: this.form.deliveryStreetId,
-				deliveryStreetName: this.form.deliveryStreetName,
-				detailList: [
-					{
-						brandId: this.form.brandId,
-						brandName: this.form.brandName,
-						categoryId: this.form.categoryId,
-						categoryName: this.form.categoryName,
-						gramWeight: this.form.gramWeight,
-						length: this.form.length,
-						paperName: this.form.paperName,
-						quantity: this.form.quantity,
-						remark: this.form.remark,
-						width: this.form.width
-					}
-				],
-				offerEnterprise: this.form.offerEnterprise,
-				remark: this.form.remark,
-				enterpriseId: this.$store.state.companyInfo.id,
-				productImg: this.form.productImg,
-				userId: this.$store.state.userInfo.userId
-			}
-			createEnquiryOrder(params).then(res => {
-				if (res) {
-					uni.showToast({
-						title: '添加成功',
-						icon: 'success'
-					})
-					setTimeout(() => {
-						back()
-					}, 1000)
-				}
-			})
-		},
+  components: { qnEasyinput, qnDataPicker, qnDatetimePicker, qnFooter, uGap },
+  data() {
+    return {
+      paperIndex: 0,
+      categoryNameList: [],
+      brandNameList: [],
+      weightList: [],
+      deliveryTimeList: ['当天到', '明天到'],
+      radioGroupList: [
+        {
+          name: '正度',
+          width: '787',
+          length: '1092',
+          disabled: true
+        },
+        {
+          name: '大度',
+          width: '889',
+          length: '1194',
+          disabled: true
+        },
+        {
+          name: '特规分切',
+          width: '',
+          length: '',
+          disabled: false
+        }
+      ],
+      form: {
+        deliveryArea: '',
+        deliveryCityId: '',
+        deliveryCityName: '',
+        deliveryDay: '',
+        deliveryDayIndex: 0,
+        deliveryDistrictId: '',
+        deliveryDistrictName: '',
+        deliveryId: '',
+        deliveryProvinceId: '',
+        deliveryProvinceName: '',
+        deliveryStreetId: '',
+        deliveryStreetName: '',
+        detailList: [],
+        offerEnterprise: '',
+        remark: '',
+        brandId: '',
+        brandName: '',
+        brandIndex: 0,
+        categoryId: '',
+        categoryName: '',
+        categoryIndex: 0,
+        gramWeight: '',
+        gramWeightIndex: 0,
+        length: '1092',
+        paperName: '',
+        quantity: '',
+        remark: '',
+        width: '787',
+        productImg: ''
+      },
+      searchList: [],
+      hasSelected: false,
+      items: []
+    }
+  },
+  mounted() {
+    getArea().then((res) => {
+      if (res) {
+        this.items = res
+      }
+    })
+  },
+  onLoad(option) {
+    this.form.offerEnterprise = option.id
+    this.form.productImg = option.productImg
+    this.getCategoryList()
+  },
+  methods: {
+    back,
+    // 查询纸种列表
+    getCategoryList() {
+      const params = {
+        paperSupplierId: this.$store.state.supplierId
+      }
+      getCategoryList(params).then((res) => {
+        // console.log('纸种列表', res)
+        if (res) {
+          this.categoryNameList = res.categoryNameList
+          this.brandNameList = res.brandNameList
+          this.weightList = res.weightList
+          this.form.categoryName = this.categoryNameList[0]
+          this.form.brandName = this.brandNameList[0]
+          this.form.gramWeight = this.weightList[0]
+        }
+      })
+    },
+    // 选择纸种
+    categoryChange(e) {
+      // console.log('e.target.value', e.target.value)
+      let index = e.target.value
+      this.form.categoryIndex = e.target.value
+      this.form.categoryName = this.categoryNameList[index]
+    },
+    // 选择品牌
+    brandChange(e) {
+      let index = e.target.value
+      this.form.brandIndex = e.target.value
+      this.form.brandName = this.brandNameList[index]
+    },
+    // 克重
+    gramWeightChange(e) {
+      let index = e.target.value
+      this.form.gramWeightIndex = e.target.value
+      this.form.gramWeight = this.weightList[index]
+    },
+    // 规格切换
+    specificationTap(item, index) {
+      this.form.width = item.width
+      this.form.length = item.length
+    },
+    // 交货时间
+    deliveryTimeChange(e) {
+      this.form.deliveryDayIndex = e.target.value
+      // 0 当天 1明天
+      if (this.form.deliveryDayIndex == 0) {
+        this.form.deliveryDay = this.getDay(0, 3600000)
+      } else {
+        this.form.deliveryDay = this.getDay(1, 3600000)
+      }
+    },
+    onAreaChange(e) {
+      if (e.detail.value && e.detail.value.length > 0) {
+        const [province, city, district, street] = e.detail.value
+        this.form.deliveryProvinceId = province.value
+        this.form.deliveryProvinceName = province.text
+        this.form.deliveryCityId = city.value
+        this.form.deliveryCityName = city.text
+        this.form.deliveryDistrictId = district.value
+        this.form.deliveryDistrictName = district.text
+        this.form.deliveryStreetId = street.value
+        this.form.deliveryStreetName = street.text
+        this.form.deliveryArea = province.text + city.text + district.text + street.text
+      } else {
+        this.form.deliveryProvinceId = null
+        this.form.deliveryProvinceName = null
+        this.form.deliveryCityId = null
+        this.form.deliveryCityName = null
+        this.form.deliveryDistrictId = null
+        this.form.deliveryDistrictName = null
+        this.form.deliveryStreetId = null
+        this.form.deliveryStreetName = null
+        this.form.deliveryArea = null
+      }
+    },
+    selectedImage(type) {
+      uploadImage()
+        .then((urls) => {
+          if (urls) {
+            this.form[type] = urls[0]
+          }
+        })
+        .catch((e) => {
+          uni.showToast({
+            title: '上传失败',
+            icon: 'fail'
+          })
+        })
+    },
+    showImage() {
+      uni.previewImage({
+        urls: [this.form.businessLicenseImg]
+      })
+    },
+    addUser() {
+      for (let i = 0; i < validateFields.length; i++) {
+        if (this.form[validateFields[i]] === null || this.form[validateFields[i]] === '') {
+          uni.showToast({
+            title: '请完善信息',
+            icon: 'none'
+          })
+          return
+        }
+      }
+      const params = {
+        deliveryArea: this.form.deliveryArea,
+        deliveryCityId: this.form.deliveryCityId,
+        deliveryCityName: this.form.deliveryCityName,
+        deliveryDay: this.form.deliveryDay,
+        deliveryDistrictId: this.form.deliveryDistrictId,
+        deliveryDistrictName: this.form.deliveryDistrictName,
+        deliveryId: this.form.deliveryId,
+        deliveryProvinceId: this.form.deliveryProvinceId,
+        deliveryProvinceName: this.form.deliveryProvinceName,
+        deliveryStreetId: this.form.deliveryStreetId,
+        deliveryStreetName: this.form.deliveryStreetName,
+        detailList: [
+          {
+            brandId: this.form.brandId,
+            brandName: this.form.brandName,
+            categoryId: this.form.categoryId,
+            categoryName: this.form.categoryName,
+            gramWeight: this.form.gramWeight,
+            length: this.form.length,
+            paperName: this.form.paperName,
+            quantity: this.form.quantity,
+            remark: this.form.remark,
+            width: this.form.width
+          }
+        ],
+        offerEnterprise: this.form.offerEnterprise,
+        remark: this.form.remark,
+        enterpriseId: this.$store.state.companyInfo.id,
+        productImg: this.form.productImg,
+        userId: this.$store.state.userInfo.userId
+      }
+      createEnquiryOrder(params).then((res) => {
+        if (res) {
+          uni.showToast({
+            title: '添加成功',
+            icon: 'success'
+          })
+          setTimeout(() => {
+            back()
+          }, 1000)
+        }
+      })
+    },
 
-		/**
-		 * @param {Object} day '昨天：', this.getDay(-1, 7200000)  '今天：', this.getDay(0, 3600000) '明天：', this.getDay(1, 3600000)
-		 * @param {Object} hours
-		 * 获取当前时间的前一天 后一天 一周 或者是当前时间的几个小时
-		 */
-		getDay(day, hours) {
-			var today = new Date()
-			var targetday = today.getTime() + 1000 * 60 * 60 * 24 * day + hours
-			today.setTime(targetday)
-			var tYear = today.getFullYear()
-			var tMonth = today.getMonth()
-			var tDate = today.getDate()
-			var getHours = today.getHours()
-			tMonth = this.doHandleMonth(tMonth + 1)
-			tDate = this.doHandleMonth(tDate)
-			return tYear + '-' + tMonth + '-' + tDate + ' ' + '23:59:59'
-		},
-		doHandleMonth(month) {
-			var m = month
-			if (month.toString().length === 1) {
-				m = '0' + month
-			}
-			return m
-		}
-	}
+    /**
+     * @param {Object} day '昨天：', this.getDay(-1, 7200000)  '今天：', this.getDay(0, 3600000) '明天：', this.getDay(1, 3600000)
+     * @param {Object} hours
+     * 获取当前时间的前一天 后一天 一周 或者是当前时间的几个小时
+     */
+    getDay(day, hours) {
+      var today = new Date()
+      var targetday = today.getTime() + 1000 * 60 * 60 * 24 * day + hours
+      today.setTime(targetday)
+      var tYear = today.getFullYear()
+      var tMonth = today.getMonth()
+      var tDate = today.getDate()
+      var getHours = today.getHours()
+      tMonth = this.doHandleMonth(tMonth + 1)
+      tDate = this.doHandleMonth(tDate)
+      return tYear + '-' + tMonth + '-' + tDate + ' ' + '23:59:59'
+    },
+    doHandleMonth(month) {
+      var m = month
+      if (month.toString().length === 1) {
+        m = '0' + month
+      }
+      return m
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .content {
-	width: 750rpx;
-	display: flex;
-	flex-direction: column;
-	background-color: #f7f8fa;
+  width: 750rpx;
+  display: flex;
+  flex-direction: column;
+  background-color: #f7f8fa;
 }
 .hint-box {
-	padding: 0rpx 32rpx;
-	height: 76rpx;
-	line-height: 76rpx;
-	background: #e5f1ff;
-	font-size: 30rpx;
-	color: #007aff;
-	letter-spacing: 0;
-	font-weight: 400;
+  padding: 0rpx 32rpx;
+  height: 76rpx;
+  line-height: 76rpx;
+  background: #e5f1ff;
+  font-size: 30rpx;
+  color: #007aff;
+  letter-spacing: 0;
+  font-weight: 400;
 }
 .uni-input {
-	font-size: 28rpx;
-	color: #333333;
-	letter-spacing: 0;
-	text-align: right;
-	font-weight: 400;
-	padding-right: 16rpx;
+  font-size: 28rpx;
+  color: #333333;
+  letter-spacing: 0;
+  text-align: right;
+  font-weight: 400;
+  padding-right: 16rpx;
 }
 .qn-form-item-remark {
-	width: 750rpx;
-	padding: 28rpx 32rpx 10rpx 32rpx;
-	background-color: #fff;
-	.label {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: flex-start;
-		margin-right: 20rpx;
+  width: 750rpx;
+  padding: 28rpx 32rpx 10rpx 32rpx;
+  background-color: #fff;
+  .label {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    margin-right: 20rpx;
 
-		.label__text {
-			font-size: 28rpx;
-			color: #000000;
-		}
-	}
-	.value {
-		padding: 16rpx 0rpx;
-	}
-	.paper-price-textArea {
-		background: #f7f8fa;
-		border-radius: 20rpx;
-		padding: 10rpx;
-		height: 155rpx;
-	}
+    .label__text {
+      font-size: 28rpx;
+      color: #000000;
+    }
+  }
+  .value {
+    padding: 16rpx 0rpx;
+  }
+  .paper-price-textArea {
+    background: #f7f8fa;
+    border-radius: 20rpx;
+    padding: 10rpx;
+    height: 155rpx;
+  }
 }
 .qn-form-item-gg {
-	width: 750rpx;
-	padding: 24rpx 32rpx;
-	background-color: #fff;
-	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
-	border-bottom: 2rpx solid #d8d8d8;
-	.label {
-		flex-grow: 0;
-		flex-shrink: 0;
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-start;
-		margin-right: 20rpx;
-		.label__text {
-			font-size: 28rpx;
-			color: #000000;
-		}
-	}
-	.value {
-		flex-grow: 1;
-		flex-shrink: 1;
-		text-align: right;
-	}
-	.input-row {
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-end;
-		align-items: center;
-		padding-top: 20rpx;
-		.easyinput {
-			height: 64rpx;
-			width: 160rpx;
-			background: #f5f5f5;
-			border-radius: 8rpx;
-		}
-		.symbol {
-			padding: 0rpx 16rpx;
-			font-size: 32rpx;
-			color: rgba(0, 0, 0, 0.85);
-			font-weight: 400;
-		}
-	}
+  width: 750rpx;
+  padding: 24rpx 32rpx;
+  background-color: #fff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  border-bottom: 2rpx solid #d8d8d8;
+  .label {
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    margin-right: 20rpx;
+    .label__text {
+      font-size: 28rpx;
+      color: #000000;
+    }
+  }
+  .value {
+    flex-grow: 1;
+    flex-shrink: 1;
+    text-align: right;
+  }
+  .input-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    align-items: center;
+    padding-top: 20rpx;
+    .easyinput {
+      height: 64rpx;
+      width: 160rpx;
+      background: #f5f5f5;
+      border-radius: 8rpx;
+    }
+    .symbol {
+      padding: 0rpx 16rpx;
+      font-size: 32rpx;
+      color: rgba(0, 0, 0, 0.85);
+      font-weight: 400;
+    }
+  }
 }
 .qn-form-item {
-	width: 750rpx;
-	padding: 0rpx 32rpx;
-	background-color: #fff;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	border-bottom: 2rpx solid #d8d8d8;
-	min-height: 80rpx;
-	.label {
-		flex-grow: 0;
-		flex-shrink: 0;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: flex-start;
-		margin-right: 20rpx;
-		.label__text {
-			font-size: 28rpx;
-			color: #000000;
-		}
-	}
-	.value {
-		flex-grow: 1;
-		flex-shrink: 1;
-		text-align: right;
-	}
+  width: 750rpx;
+  padding: 0rpx 32rpx;
+  background-color: #fff;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 2rpx solid #d8d8d8;
+  min-height: 80rpx;
+  .label {
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    margin-right: 20rpx;
+    .label__text {
+      font-size: 28rpx;
+      color: #000000;
+    }
+  }
+  .value {
+    flex-grow: 1;
+    flex-shrink: 1;
+    text-align: right;
+  }
 }
 .qn-form-item__title {
-	background-color: #f7f8fa;
-	padding: 20rpx 32rpx;
-	border: none;
-	.title {
-		font-size: 30rpx;
-		color: #888888;
-	}
+  background-color: #f7f8fa;
+  padding: 20rpx 32rpx;
+  border: none;
+  .title {
+    font-size: 30rpx;
+    color: #888888;
+  }
 }
 .popup_modal {
-	width: 750rpx;
-	height: 600rpx;
-	background-color: #fff;
-	border-radius: 10px 10px 0 0;
-	.popup_modal-title {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		width: 750rpx;
-		height: 88rpx;
-		font-weight: 600;
-		border-bottom: 2rpx solid #d8d8d8;
-	}
-	.popup_modal-scroll {
-		width: 750rpx;
-		height: 600rpx;
-		.popup_modal-scroll-item {
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			justify-content: flex-start;
-			width: 750rpx;
-			height: 88rpx;
-			padding: 0rpx 32rpx;
-			border-bottom: 2rpx solid #d8d8d8;
-		}
-	}
+  width: 750rpx;
+  height: 600rpx;
+  background-color: #fff;
+  border-radius: 10px 10px 0 0;
+  .popup_modal-title {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 750rpx;
+    height: 88rpx;
+    font-weight: 600;
+    border-bottom: 2rpx solid #d8d8d8;
+  }
+  .popup_modal-scroll {
+    width: 750rpx;
+    height: 600rpx;
+    .popup_modal-scroll-item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: flex-start;
+      width: 750rpx;
+      height: 88rpx;
+      padding: 0rpx 32rpx;
+      border-bottom: 2rpx solid #d8d8d8;
+    }
+  }
 }
 .upload-area {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	margin-top: 10rpx;
-	margin-bottom: 24rpx;
-	.idCard {
-		width: 324rpx;
-		height: 280rpx;
-		flex-grow: 0;
-		flex-shrink: 0;
-	}
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 10rpx;
+  margin-bottom: 24rpx;
+  .idCard {
+    width: 324rpx;
+    height: 280rpx;
+    flex-grow: 0;
+    flex-shrink: 0;
+  }
 }
 .button-area {
-	width: 750rpx;
-	padding: 0 32rpx;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	// justify-content: space-between;
-	.button {
-		flex-grow: 0;
-		flex-shrink: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 10rpx;
-		.text {
-			font-size: 30rpx;
-			font-weight: 500;
-			text-align: center;
-		}
-	}
-	.button__cancel {
-		width: 270rpx;
-		height: 88rpx;
-		border: 2rpx solid #979797;
-	}
-	.button__submit {
-		// width: 400rpx;
-		width: 100%;
-		height: 88rpx;
-		background: #007aff;
-	}
+  width: 750rpx;
+  padding: 0 32rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  // justify-content: space-between;
+  .button {
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 10rpx;
+    .text {
+      font-size: 30rpx;
+      font-weight: 500;
+      text-align: center;
+    }
+  }
+  .button__cancel {
+    width: 270rpx;
+    height: 88rpx;
+    border: 2rpx solid #979797;
+  }
+  .button__submit {
+    // width: 400rpx;
+    width: 100%;
+    height: 88rpx;
+    background: #007aff;
+  }
 }
 </style>
diff --git a/pages/order-detail/index.vue b/pages/order-detail/index.vue
index 9cc9267..dda61a6 100644
--- a/pages/order-detail/index.vue
+++ b/pages/order-detail/index.vue
@@ -223,6 +223,9 @@ export default {
       let outboundQuantity = 0
       if (list && list.length > 0) {
         list.forEach((item) => {
+          if (item.userName && item.userName.length > 3) {
+            item.userName = item.userName.substr(0, 2) + '...'
+          }
           if (item.status == '30301') {
             step1.push({
               title: '分切',
@@ -231,13 +234,13 @@ export default {
           } else if (item.status == '30302') {
             step2.push({
               title: '出库',
-              desc: item.userName + item.quantity + '\n\r' + item.createTime
+              desc: item.userName + ' ' + item.quantity + '\n\r' + item.createTime
             })
             outboundQuantity += item.quantity
           } else if (item.status == '30303') {
             step3.push({
               title: '完成',
-              desc: '已收货'
+              desc: '已完成'
             })
           }
         })
diff --git a/pages/paper-details/index.vue b/pages/paper-details/index.vue
index f8200e2..b4098b4 100644
--- a/pages/paper-details/index.vue
+++ b/pages/paper-details/index.vue
@@ -1,129 +1,140 @@
 <template>
-	<view class="warpper">
-		<view class="swiper-dot">
-			<uni-swiper-dot :info="info.imgList" :current="current" field="content" mode="indexes" style="height: 100%;">
-				<swiper class="swiper-box" @change="swiperChange" style="height: 100%;">
-					<swiper-item v-for="(item, index) in info.imgList" :key="index">
-						<view class="" @tap="previewImg(item, info.imgList)">
-							<image class="image" :src="item || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'" mode=""></image>
-						</view>
-					</swiper-item>
-				</swiper>
-			</uni-swiper-dot>
-		</view>
-		<uGap></uGap>
-		<view class="info-box">
-			<view class="info">
-				<view class="price-row">
-					<text class="price">¥{{ info.skuList[0].listPrice }}</text>
-					<text class="unit">/{{ info.skuList[0].stockUnit |  stockUnit}}</text>
-				</view>
-				<view class="row">
-					<view class="name">{{ info.name }}</view>
-					<view class="value">库存：{{ info.skuList[0].stock || XX }}{{ info.skuList[0].stockUnit |  stockUnit}}</view>
-				</view>
-			</view>
-			<view class="list-box">
-				<view class="label">克重：</view>
-				<view class="tag-box" v-for="(titem, tindex) in info.skuList" :key="tindex">
-					<text>{{ titem.weight }}g</text>
-				</view>
-			</view>
-			<view class="list-box">
-				<view class="label" style="font-size: 24rpx;">规格：</view>
-				<view class="tag-box"><text>787*1092</text></view>
-				<view class="tag-box"><text>899*1194</text></view>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="other">
-			<view class="title">商品卖点</view>
-			<view class="desc">{{ info.sellingProposition }}</view>
-		</view>
-		<view class="other">
-			<view class="title">商品描述</view>
-			<view class="desc">{{ info.description }}</view>
-		</view>
-		<view class="other">
-			<view class="title">送货说明</view>
-			<view class="desc">{{ info.shippingNote }}</view>
-		</view>
-		<view class="other" style="border: none;">
-			<view class="title">其他说明</view>
-			<view class="desc">{{ info.otherNote }}</view>
-		</view>
-		<qn-footer fixed height="100rpx">
-			<view class="footer-row">
-				<view class="left">
-					<view class="">
-						<image class="icon" src="/static/imgs/paperDetails/shop-icon.png"></image>
-						<view class="label" @tap="storeTap">店铺</view>
-					</view>
-					<view class="">
-						<image class="icon" src="/static/imgs/paperDetails/shopping-trolley.png"></image>
-						<view class="label" @tap="shoppingCartTap">购物车</view>
-					</view>
-					<view class="" @tap="addShoppingTap(1)">
-						<image class="icon" src="/static/imgs/paperDetails/add-shopping-trolley.png"></image>
-						<view class="label">加购物车</view>
-					</view>
-				</view>
-				<view class="right">
-					<view class="inquiry-btn" @tap="inquiryTap">立即询单</view>
-					<view class="book-btn" @tap="addShoppingTap(2)">立即订购</view>
-				</view>
-			</view>
-		</qn-footer>
-		<uni-popup ref="popup" type="bottom">
-			<view class="popup_modal">
-				<!-- <slot name="title"><view class="popup_modal-title">可选择已录入公司</view></slot> -->
-				<view class="card-box">
-					<view class="box">
-						<!-- <image class="image" :src="info.imgList[0] || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'" mode=""></image> -->
-						<view class="right-box">
-							<view class="title-row">
-								<view class="name">{{ info.name }}</view>
-								<view class="close-icon" @tap="closeTap"><uni-icons size="20" type="close" color="#888888"></uni-icons></view>
-							</view>
-							<view class="price">¥{{ buyPaperDto.unitPrice }}</view>
-						</view>
-					</view>
-				</view>
-				<view class="choose-box">
-					<view class="label">请选择克重</view>
-					<view class="tag-row">
-						<view :class="['tag-box', kgActive === kIndex ? 'kg-select' : '']" v-for="(kItem, kIndex) in info.skuList" :key="kIndex" @tap="weightTap(kItem, kIndex)">
-							{{ kItem.weight }}g
-						</view>
-					</view>
-				</view>
-				<view class="choose-box">
-					<view class="label">请选择规格</view>
-					<view class="tag-row">
-						<view
-							:class="['tag-box', specificationObj.active === sIndex ? 'kg-select' : '']"
-							v-for="(sItem, sIndex) in specificationList"
-							:key="sIndex"
-							@tap="specificationTap(sItem, sIndex)"
-						>
-							{{ sItem.name }}
-						</view>
-					</view>
-					<view class="input-row">
-						<view class=""><uni-easyinput :inputBorder="false" class="easyinput" type="number" v-model="buyPaperDto.width" placeholder="请输入"></uni-easyinput></view>
-						<view class="symbol">x</view>
-						<view class=""><uni-easyinput :inputBorder="false" class="easyinput" type="number" v-model="buyPaperDto.length" placeholder="请输入"></uni-easyinput></view>
-					</view>
-				</view>
-				<view class="quantity-row">
-					<view class="label">购买数量(张)</view>
-					<view class=""><qnInputNumber @change="change" /></view>
-				</view>
-				<view class="ygzl-text">预估重量：{{ buyTon }}吨</view>
-				<view class="popup-footer-row"><view class="btn" @tap="confirm">确认</view></view>
-			</view>
-		</uni-popup>
-	</view>
+  <view class="warpper">
+    <view class="swiper-dot">
+      <uni-swiper-dot :info="info.imgList" :current="current" field="content" mode="indexes" style="height: 100%">
+        <swiper class="swiper-box" @change="swiperChange" style="height: 100%">
+          <swiper-item v-for="(item, index) in info.imgList" :key="index">
+            <view class="" @tap="previewImg(item, info.imgList)">
+              <image class="image" :src="item || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/paper-default.png'" mode=""></image>
+            </view>
+          </swiper-item>
+        </swiper>
+      </uni-swiper-dot>
+    </view>
+    <uGap></uGap>
+    <view class="info-box">
+      <view class="info">
+        <view class="price-row">
+          <text class="price">¥{{ info.skuList[0] ? info.skuList[0].listPrice : '-' }}</text>
+          <text class="unit">/{{ (info.skuList[0] ? info.skuList[0].stockUnit : '-') | stockUnit }}</text>
+        </view>
+        <view class="row">
+          <view class="name">{{ info.name }}</view>
+          <view class="value">
+            库存：{{ info.skuList[0] ? info.skuList[0].stock : '-' || 'XX' }}{{ (info.skuList[0] ? info.skuList[0].stockUnit : '-') | stockUnit }}
+          </view>
+        </view>
+      </view>
+      <view class="list-box">
+        <view class="label">克重：</view>
+        <view class="tag-box" v-for="(titem, tindex) in info.skuList" :key="tindex">
+          <text>{{ titem.weight }}g</text>
+        </view>
+      </view>
+      <view class="list-box">
+        <view class="label" style="font-size: 24rpx">规格：</view>
+        <view class="tag-box"><text>787*1092</text></view>
+        <view class="tag-box"><text>899*1194</text></view>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="other">
+      <view class="title">商品卖点</view>
+      <view class="desc">{{ info.sellingProposition }}</view>
+    </view>
+    <view class="other">
+      <view class="title">商品描述</view>
+      <view class="desc">{{ info.description }}</view>
+    </view>
+    <view class="other">
+      <view class="title">送货说明</view>
+      <view class="desc">{{ info.shippingNote }}</view>
+    </view>
+    <view class="other" style="border: none">
+      <view class="title">其他说明</view>
+      <view class="desc">{{ info.otherNote }}</view>
+    </view>
+    <qn-footer fixed height="100rpx">
+      <view class="footer-row">
+        <view class="left">
+          <view class="">
+            <image class="icon" src="/static/imgs/paperDetails/shop-icon.png"></image>
+            <view class="label" @tap="storeTap">店铺</view>
+          </view>
+          <view class="">
+            <image class="icon" src="/static/imgs/paperDetails/shopping-trolley.png"></image>
+            <view class="label" @tap="shoppingCartTap">购物车</view>
+          </view>
+          <view class="" @tap="addShoppingTap(1)">
+            <image class="icon" src="/static/imgs/paperDetails/add-shopping-trolley.png"></image>
+            <view class="label">加购物车</view>
+          </view>
+        </view>
+        <view class="right">
+          <view class="inquiry-btn" @tap="inquiryTap">立即询单</view>
+          <view class="book-btn" @tap="addShoppingTap(2)">立即订购</view>
+        </view>
+      </view>
+    </qn-footer>
+    <uni-popup ref="popup" type="bottom">
+      <view class="popup_modal">
+        <!-- <slot name="title"><view class="popup_modal-title">可选择已录入公司</view></slot> -->
+        <view class="card-box">
+          <view class="box">
+            <!-- <image class="image" :src="info.imgList[0] || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'" mode=""></image> -->
+            <view class="right-box">
+              <view class="title-row">
+                <view class="name">{{ info.name }}</view>
+                <view class="close-icon" @tap="closeTap"><uni-icons size="20" type="close" color="#888888"></uni-icons></view>
+              </view>
+              <view class="price">¥{{ buyPaperDto.unitPrice }}</view>
+            </view>
+          </view>
+        </view>
+        <view class="choose-box">
+          <view class="label">请选择克重</view>
+          <view class="tag-row">
+            <view
+              :class="['tag-box', kgActive === kIndex ? 'kg-select' : '']"
+              v-for="(kItem, kIndex) in info.skuList"
+              :key="kIndex"
+              @tap="weightTap(kItem, kIndex)"
+            >
+              {{ kItem.weight }}g
+            </view>
+          </view>
+        </view>
+        <view class="choose-box">
+          <view class="label">请选择规格</view>
+          <view class="tag-row">
+            <view
+              :class="['tag-box', specificationObj.active === sIndex ? 'kg-select' : '']"
+              v-for="(sItem, sIndex) in specificationList"
+              :key="sIndex"
+              @tap="specificationTap(sItem, sIndex)"
+            >
+              {{ sItem.name }}
+            </view>
+          </view>
+          <view class="input-row">
+            <view class="">
+              <uni-easyinput :inputBorder="false" class="easyinput" type="number" v-model="buyPaperDto.width" placeholder="请输入"></uni-easyinput>
+            </view>
+            <view class="symbol">x</view>
+            <view class="">
+              <uni-easyinput :inputBorder="false" class="easyinput" type="number" v-model="buyPaperDto.length" placeholder="请输入"></uni-easyinput>
+            </view>
+          </view>
+        </view>
+        <view class="quantity-row">
+          <view class="label">购买数量(张)</view>
+          <view class=""><qnInputNumber @change="change" /></view>
+        </view>
+        <view class="ygzl-text">预估重量：{{ buyTon }}吨</view>
+        <view class="popup-footer-row"><view class="btn" @tap="confirm">确认</view></view>
+      </view>
+    </uni-popup>
+  </view>
 </template>
 
 <script>
@@ -133,500 +144,505 @@ import qnInputNumber from '@/components/qn-input-number/qn-input-number.vue'
 import { go2 } from '@/utils/hook.js'
 import { getPaperDetail, createGoodsReserve, createShoppingCar } from '@/apis/paperDetailsApi.js'
 export default {
-	components: { uGap, qnFooter, qnInputNumber },
-	data() {
-		return {
-			current: 0,
-			weightList: ['240', '250', '280'],
-			specificationList: [
-				{
-					name: '正度',
-					width: '787',
-					length: '1092',
-					disabled: true
-				},
-				{
-					name: '特规分切',
-					width: '889',
-					length: '1194',
-					disabled: true
-				},
-				{
-					name: '特规分切',
-					width: '',
-					length: '',
-					disabled: false
-				}
-			],
-			kgActive: 0,
-			specificationObj: {
-				active: 0,
-				width: '787',
-				length: '1092',
-				disabled: true
-			},
-			value: null,
-			params: {
-				productId: ''
-			},
-			buyPaperDto: {
-				buyTon: '',
-				gramWeight: '',
-				length: '',
-				mallSupplierId: '',
-				pieceQuantity: '',
-				productId: '',
-				productSkuId: '',
-				unitPrice: '',
-				width: '',
-				img: '',
-				listPrice: '',
-				name: ''
-			},
-			shoppingCarType: 1, // 1：加购物车 2：订购
-			info: {},
-		}
-	},
-	filters: {
-		stockUnit(value) {
-			let name = value == 1 ? '张' : '吨'
-			return name
-		}
-	},
-	onLoad(option) {
-		this.params.productId = option.id
-		this.queryData()
-	},
-	computed: {
-		buyTon() {
-			let num = 0
-			num = Number(this.buyPaperDto.gramWeight) * Number(this.buyPaperDto.pieceQuantity)
+  components: { uGap, qnFooter, qnInputNumber },
+  data() {
+    return {
+      current: 0,
+      weightList: ['240', '250', '280'],
+      specificationList: [
+        {
+          name: '正度',
+          width: '787',
+          length: '1092',
+          disabled: true
+        },
+        {
+          name: '特规分切',
+          width: '889',
+          length: '1194',
+          disabled: true
+        },
+        {
+          name: '特规分切',
+          width: '',
+          length: '',
+          disabled: false
+        }
+      ],
+      kgActive: 0,
+      specificationObj: {
+        active: 0,
+        width: '787',
+        length: '1092',
+        disabled: true
+      },
+      value: null,
+      params: {
+        productId: ''
+      },
+      buyPaperDto: {
+        buyTon: '',
+        gramWeight: '',
+        length: '',
+        mallSupplierId: '',
+        pieceQuantity: '',
+        productId: '',
+        productSkuId: '',
+        unitPrice: '',
+        width: '',
+        img: '',
+        listPrice: '',
+        name: ''
+      },
+      shoppingCarType: 1, // 1：加购物车 2：订购
+      info: {
+        skuList: []
+      }
+    }
+  },
+  filters: {
+    stockUnit(value) {
+      let name = value == 1 ? '张' : '吨'
+      return name
+    }
+  },
+  onLoad(option) {
+    this.params.productId = option.id
+    this.queryData()
+  },
+  computed: {
+    buyTon() {
+      let num = 0
+      num = Number(this.buyPaperDto.gramWeight) * Number(this.buyPaperDto.pieceQuantity)
 
-			this.buyPaperDto.buyTon = num / (1000 * 1000)
-			return this.buyPaperDto.buyTon.toFixed(4)
-		}
-	},
-	methods: {
-		// 查询店铺纸品详情
-		queryData() {
-			getPaperDetail(this.params).then(res => {
-				console.log('店铺纸品详情', res)
-				if (res) {
-					this.info = res
-				}
-			})
-		},
-		// 点击店铺
-		storeTap() {
-			go2('store')
-		},
-		// 点击购物车
-		shoppingCartTap() {
-			go2('cart')
-		},
-		// 立即订购
-		addShoppingTap(type) {
-			this.shoppingCarType = type
-			this.buyPaperDto = {
-				buyTon: 0,
-				gramWeight: this.info.skuList[0].weight,
-				length: this.specificationObj.length,
-				mallSupplierId: this.info.supplierId,
-				pieceQuantity: 0,
-				productId: this.info.id,
-				productSkuId: this.info.skuList[0].id,
-				unitPrice: this.info.skuList[0].listPrice,
-				width: this.specificationObj.width
-			}
-			this.$refs.popup.open('bottom')
-		},
+      this.buyPaperDto.buyTon = num / (1000 * 1000)
+      return this.buyPaperDto.buyTon.toFixed(4)
+    }
+  },
+  methods: {
+    // 查询店铺纸品详情
+    queryData() {
+      getPaperDetail(this.params).then((res) => {
+        console.log('店铺纸品详情', res)
+        if (res) {
+          this.info = res
+          if (!this.info.imgList || this.info.imgList.length == 0) {
+            this.info.imgList = ['']
+          }
+        }
+      })
+    },
+    // 点击店铺
+    storeTap() {
+      go2('store')
+    },
+    // 点击购物车
+    shoppingCartTap() {
+      go2('cart')
+    },
+    // 立即订购
+    addShoppingTap(type) {
+      this.shoppingCarType = type
+      this.buyPaperDto = {
+        buyTon: 0,
+        gramWeight: this.info.skuList[0].weight,
+        length: this.specificationObj.length,
+        mallSupplierId: this.info.supplierId,
+        pieceQuantity: 0,
+        productId: this.info.id,
+        productSkuId: this.info.skuList[0].id,
+        unitPrice: this.info.skuList[0].listPrice,
+        width: this.specificationObj.width
+      }
+      this.$refs.popup.open('bottom')
+    },
 
-		// 路由到实单询比价
-		inquiryTap() {
-			go2('for-comparison', { id: this.info.supplierId, productImg: this.info.imgList[0] })
-		},
-		closeTap() {
-			this.$refs.popup.close()
-		},
-		// 重量切换
-		weightTap(item, index) {
-			console.log('item', item)
-			this.kgActive = index
-			this.buyPaperDto.gramWeight = item.weight
-			this.buyPaperDto.unitPrice = item.listPrice
-			this.buyPaperDto.productSkuId = item.id
-		},
-		// 规格切换
-		specificationTap(item, index) {
-			this.specificationObj.active = index
-			this.specificationObj.width = item.width
-			this.specificationObj.length = item.length
-			this.specificationObj.disabled = item.disabled
-			this.buyPaperDto.width = item.width
-			this.buyPaperDto.length = item.length
-		},
-		/**
-		 * @param {Number} num
-		 * 计数器返回值
-		 */
-		change(num) {
-			this.buyPaperDto.pieceQuantity = num
-		},
-		// 确定
-		confirm() {
-			// 加入购物车
-			if(this.shoppingCarType == 1) {
-				const params = {
-					  length: this.specificationObj.length,
-					  productId: this.info.id,
-					  productSkuId: this.buyPaperDto.productSkuId,
-					  quantity: this.buyPaperDto.pieceQuantity,
-					  supplierId: this.info.supplierId,
-					  width: this.specificationObj.width,
-					  enterpriseId: this.$store.state.companyInfo.id,
-					  userId: this.$store.state.userInfo.userId
-				}
-				// console.log('加入购物车', params)
-				createShoppingCar(params).then(res => {
-					if(res) {
-						uni.showToast({
-							title: '加入成功！',
-							icon: 'success'
-						})
-						this.$refs.popup.close()
-					}
-				})
-			}else { // 立即订购
-				const params = {
-					orderGoodsList: [{ ...this.buyPaperDto }],
-					purchaserEnterpriseId: this.$store.state.companyInfo.id
-				}
-				createGoodsReserve(params).then(res => {
-					if (res) {
-						uni.showToast({
-							title: '订购成功！',
-							icon: 'success'
-						})
-						this.$refs.popup.close()
-						setTimeout(() => {
-							go2('order-make', { orderId: res.orderId })
-						}, 1000)
-					}
-				})
-			}
-
-		},
-		// 轮播图片滑动
-		swiperChange(e) {
-			this.current = e.detail.current
-		},
-		previewImg(index, list) {
-			uni.previewImage({
-				urls: list,
-				current: index
-			})
-		}
-	}
+    // 路由到实单询比价
+    inquiryTap() {
+      go2('for-comparison', { id: this.info.supplierId, productImg: this.info.imgList[0] })
+    },
+    closeTap() {
+      this.$refs.popup.close()
+    },
+    // 重量切换
+    weightTap(item, index) {
+      console.log('item', item)
+      this.kgActive = index
+      this.buyPaperDto.gramWeight = item.weight
+      this.buyPaperDto.unitPrice = item.listPrice
+      this.buyPaperDto.productSkuId = item.id
+    },
+    // 规格切换
+    specificationTap(item, index) {
+      this.specificationObj.active = index
+      this.specificationObj.width = item.width
+      this.specificationObj.length = item.length
+      this.specificationObj.disabled = item.disabled
+      this.buyPaperDto.width = item.width
+      this.buyPaperDto.length = item.length
+    },
+    /**
+     * @param {Number} num
+     * 计数器返回值
+     */
+    change(num) {
+      this.buyPaperDto.pieceQuantity = num
+    },
+    // 确定
+    confirm() {
+      // 加入购物车
+      if (this.shoppingCarType == 1) {
+        const params = {
+          length: this.specificationObj.length,
+          productId: this.info.id,
+          productSkuId: this.buyPaperDto.productSkuId,
+          quantity: this.buyPaperDto.pieceQuantity,
+          supplierId: this.info.supplierId,
+          width: this.specificationObj.width,
+          enterpriseId: this.$store.state.companyInfo.id,
+          userId: this.$store.state.userInfo.userId
+        }
+        // console.log('加入购物车', params)
+        createShoppingCar(params).then((res) => {
+          if (res) {
+            uni.showToast({
+              title: '加入成功！',
+              icon: 'success'
+            })
+            this.$refs.popup.close()
+          }
+        })
+      } else {
+        // 立即订购
+        const params = {
+          orderGoodsList: [{ ...this.buyPaperDto }],
+          purchaserEnterpriseId: this.$store.state.companyInfo.id
+        }
+        createGoodsReserve(params).then((res) => {
+          if (res) {
+            uni.showToast({
+              title: '订购成功！',
+              icon: 'success'
+            })
+            this.$refs.popup.close()
+            setTimeout(() => {
+              go2('order-make', { orderId: res.orderId })
+            }, 1000)
+          }
+        })
+      }
+    },
+    // 轮播图片滑动
+    swiperChange(e) {
+      this.current = e.detail.current
+    },
+    previewImg(index, list) {
+      uni.previewImage({
+        urls: list,
+        current: index
+      })
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .warpper {
-	.swiper-dot {
-		width: 100%;
-		height: 500rpx;
-	}
-	.image {
-		width: 100%;
-		height: 500rpx;
-	}
-	.info-box {
-		height: 370rpx;
-		background: #ffffff;
-		.info {
-			padding: 0rpx 32rpx;
-			.price-row {
-				padding: 20rpx 0rpx;
-			}
-			.price {
-				font-size: 48rpx;
-				color: #f5222d;
-				letter-spacing: 0;
-				text-align: left;
-				font-weight: 500;
-			}
-			.unit {
-				font-size: 28rpx;
-				color: #f5222d;
-				letter-spacing: 0;
-				text-align: left;
-				font-weight: 400;
-			}
-			.row {
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				align-items: center;
-				padding-bottom: 20rpx;
-				.name {
-					font-size: 34rpx;
-					color: #000000;
-					letter-spacing: 0;
-					text-align: left;
-					font-weight: 600;
-				}
-				.value {
-					font-size: 24rpx;
-					color: rgba(0, 0, 0, 0.55);
-					letter-spacing: 0;
-					text-align: left;
-					font-weight: 400;
-				}
-			}
-		}
-		.list-box {
-			margin: 0rpx 32rpx;
-			height: 104rpx;
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			border-top: 2rpx solid rgba($color: #dddddd, $alpha: 0.8);
-			.label {
-				flex: 0 0 84rpx;
-				font-size: 28rpx;
-				color: #333333;
-				letter-spacing: 0;
-				text-align: left;
-				font-weight: 500;
-			}
-			.tag-box {
-				height: 60rpx;
-				line-height: 60rpx;
-				text-align: center;
-				background: #f4f5f6;
-				border-radius: 4rpx;
-				font-size: 28rpx;
-				color: #555555;
-				letter-spacing: 0;
-				font-weight: 400;
-				margin-right: 10rpx;
-				padding: 0rpx 17rpx;
-			}
-		}
-	}
-	.other {
-		padding: 0rpx 32rpx;
-		border-bottom: 2rpx solid #d8d8d8;
-		background: #ffffff;
-		.title {
-			font-size: 28rpx;
-			color: #000000;
-			letter-spacing: 0;
-			font-weight: 500;
-			padding: 24rpx 0rpx 16rpx 0rpx;
-		}
-		.desc {
-			font-size: 28rpx;
-			color: #333333;
-			letter-spacing: 0;
-			font-weight: 400;
-			padding: 0rpx 0rpx 24rpx 0rpx;
-		}
-	}
-	.footer-row {
-		display: flex;
-		flex-direction: row;
-		// align-items: center;
-		justify-content: space-between;
-		padding: 0rpx 32rpx;
-		.left {
-			flex: 0 0 294rpx;
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			text-align: center;
-			padding-right: 24rpx;
-			.icon {
-				width: 40rpx;
-				height: 40rpx;
-			}
-			.label {
-				font-size: 22rpx;
-				color: #555555;
-				letter-spacing: 0;
-				font-weight: 400;
-				padding-top: 6rpx;
-			}
-		}
-		.right {
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			font-size: 28rpx;
-			color: #ffffff;
-			letter-spacing: 0;
-			text-align: center;
-			font-weight: 400;
-			.inquiry-btn {
-				width: 200rpx;
-				height: 80rpx;
-				line-height: 80rpx;
-				background: #faab0c;
-				border-top-left-radius: 2002000rpx;
-				border-bottom-left-radius: 2002000rpx;
-			}
-			.book-btn {
-				width: 200rpx;
-				height: 80rpx;
-				line-height: 80rpx;
-				background: #ee0a24;
-				border-top-right-radius: 2002000rpx;
-				border-bottom-right-radius: 2002000rpx;
-			}
-		}
-	}
-	.popup_modal {
-		// height: 960rpx;
-		background: #ffffff;
-		border-radius: 20rpx 20rpx 0 0;
-		.card-box {
-			padding: 0rpx 32rpx;
-			.box {
-				display: flex;
-				flex-direction: row;
-				// align-items: center;
-				// height: 240rpx;
-				background: #ffffff;
-				border-bottom: 2rpx solid #d8d8d8;
-				padding: 40rpx 0rpx;
-				.image {
-					flex: 0 0 160rpx;
-					width: 160rpx;
-					height: 160rpx;
-					border-radius: 10px;
-					margin-right: 20rpx;
-				}
-				.right-box {
-					flex: 1;
-					width: 100%;
-					padding-top: 10rpx;
-				}
-				.title-row {
-					display: flex;
-					flex-direction: row;
-					justify-content: space-between;
-					.name {
-						font-size: 34rpx;
-						color: #000000;
-						letter-spacing: 0;
-						text-align: left;
-						font-weight: 600;
-						padding-bottom: 30rpx;
-					}
-					.close-icon {
-						position: relative;
-						top: -20rpx;
-					}
-				}
-				.price {
-					font-size: 40rpx;
-					color: #f5222d;
-					letter-spacing: 0;
-					text-align: left;
-					font-weight: 600;
-				}
-			}
-		}
-		.choose-box {
-			border-bottom: 2rpx solid #d8d8d8;
-			padding: 24rpx 32rpx;
-			.label {
-				font-size: 30rpx;
-				color: rgba(0, 0, 0, 0.85);
-				letter-spacing: 0;
-				text-align: left;
-				font-weight: 400;
-				padding: 0rpx 0rpx 20rpx 0rpx;
-			}
-			.tag-row {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-			}
-			.tag-box {
-				padding: 0rpx 47rpx;
-				height: 60rpx;
-				line-height: 60rpx;
-				background: #f5f5f5;
-				border-radius: 8px;
-				margin-right: 12rpx;
-				font-size: 28rpx;
-				color: rgba(0, 0, 0, 0.75);
-				text-align: center;
-				font-weight: 400;
-			}
-			.kg-select {
-				background: #1890ff;
-				color: #ffffff;
-			}
-			.input-row {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				padding-top: 20rpx;
-				.easyinput {
-					height: 64rpx;
-					background: #f5f5f5;
-					border-radius: 8rpx;
-				}
-				.symbol {
-					padding: 0rpx 16rpx;
-					font-size: 32rpx;
-					color: rgba(0, 0, 0, 0.85);
-					font-weight: 400;
-				}
-			}
-		}
-		.quantity-row {
-			display: flex;
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-			padding: 32rpx 32rpx 0rpx 32rpx;
-			.label {
-				font-size: 30rpx;
-				color: rgba(0, 0, 0, 0.85);
-				letter-spacing: 0;
-				font-weight: 400;
-			}
-		}
-		.ygzl-text {
-			padding: 20rpx 32rpx 0rpx;
-			display: flex;
-			flex-direction: row;
-			justify-content: flex-end;
-			font-family: PingFangSC-Regular;
-			font-size: 24rpx;
-			color: rgba(0, 0, 0, 0.5);
-			font-weight: 400;
-		}
-		.popup-footer-row {
-			display: flex;
-			flex-direction: row;
-			justify-content: center;
-			padding: 48rpx 32rpx 20rpx 32rpx;
-			.btn {
-				width: 686rpx;
-				height: 96rpx;
-				line-height: 96rpx;
-				text-align: center;
-				background: #007aff;
-				border-radius: 10rpx;
-				font-size: 36rpx;
-				color: #ffffff;
-				font-weight: 500;
-			}
-		}
-	}
+  .swiper-dot {
+    width: 100%;
+    height: 500rpx;
+  }
+  .image {
+    width: 100%;
+    height: 500rpx;
+  }
+  .info-box {
+    height: 370rpx;
+    background: #ffffff;
+    .info {
+      padding: 0rpx 32rpx;
+      .price-row {
+        padding: 20rpx 0rpx;
+      }
+      .price {
+        font-size: 48rpx;
+        color: #f5222d;
+        letter-spacing: 0;
+        text-align: left;
+        font-weight: 500;
+      }
+      .unit {
+        font-size: 28rpx;
+        color: #f5222d;
+        letter-spacing: 0;
+        text-align: left;
+        font-weight: 400;
+      }
+      .row {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        padding-bottom: 20rpx;
+        .name {
+          font-size: 34rpx;
+          color: #000000;
+          letter-spacing: 0;
+          text-align: left;
+          font-weight: 600;
+        }
+        .value {
+          font-size: 24rpx;
+          color: rgba(0, 0, 0, 0.55);
+          letter-spacing: 0;
+          text-align: left;
+          font-weight: 400;
+        }
+      }
+    }
+    .list-box {
+      margin: 0rpx 32rpx;
+      height: 104rpx;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      border-top: 2rpx solid rgba($color: #dddddd, $alpha: 0.8);
+      .label {
+        flex: 0 0 84rpx;
+        font-size: 28rpx;
+        color: #333333;
+        letter-spacing: 0;
+        text-align: left;
+        font-weight: 500;
+      }
+      .tag-box {
+        height: 60rpx;
+        line-height: 60rpx;
+        text-align: center;
+        background: #f4f5f6;
+        border-radius: 4rpx;
+        font-size: 28rpx;
+        color: #555555;
+        letter-spacing: 0;
+        font-weight: 400;
+        margin-right: 10rpx;
+        padding: 0rpx 17rpx;
+      }
+    }
+  }
+  .other {
+    padding: 0rpx 32rpx;
+    border-bottom: 2rpx solid #d8d8d8;
+    background: #ffffff;
+    .title {
+      font-size: 28rpx;
+      color: #000000;
+      letter-spacing: 0;
+      font-weight: 500;
+      padding: 24rpx 0rpx 16rpx 0rpx;
+    }
+    .desc {
+      font-size: 28rpx;
+      color: #333333;
+      letter-spacing: 0;
+      font-weight: 400;
+      padding: 0rpx 0rpx 24rpx 0rpx;
+    }
+  }
+  .footer-row {
+    display: flex;
+    flex-direction: row;
+    // align-items: center;
+    justify-content: space-between;
+    padding: 0rpx 32rpx;
+    .left {
+      flex: 0 0 294rpx;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      text-align: center;
+      padding-right: 24rpx;
+      .icon {
+        width: 40rpx;
+        height: 40rpx;
+      }
+      .label {
+        font-size: 22rpx;
+        color: #555555;
+        letter-spacing: 0;
+        font-weight: 400;
+        padding-top: 6rpx;
+      }
+    }
+    .right {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      font-size: 28rpx;
+      color: #ffffff;
+      letter-spacing: 0;
+      text-align: center;
+      font-weight: 400;
+      .inquiry-btn {
+        width: 200rpx;
+        height: 80rpx;
+        line-height: 80rpx;
+        background: #faab0c;
+        border-top-left-radius: 2002000rpx;
+        border-bottom-left-radius: 2002000rpx;
+      }
+      .book-btn {
+        width: 200rpx;
+        height: 80rpx;
+        line-height: 80rpx;
+        background: #ee0a24;
+        border-top-right-radius: 2002000rpx;
+        border-bottom-right-radius: 2002000rpx;
+      }
+    }
+  }
+  .popup_modal {
+    // height: 960rpx;
+    background: #ffffff;
+    border-radius: 20rpx 20rpx 0 0;
+    .card-box {
+      padding: 0rpx 32rpx;
+      .box {
+        display: flex;
+        flex-direction: row;
+        // align-items: center;
+        // height: 240rpx;
+        background: #ffffff;
+        border-bottom: 2rpx solid #d8d8d8;
+        padding: 40rpx 0rpx;
+        .image {
+          flex: 0 0 160rpx;
+          width: 160rpx;
+          height: 160rpx;
+          border-radius: 10px;
+          margin-right: 20rpx;
+        }
+        .right-box {
+          flex: 1;
+          width: 100%;
+          padding-top: 10rpx;
+        }
+        .title-row {
+          display: flex;
+          flex-direction: row;
+          justify-content: space-between;
+          .name {
+            font-size: 34rpx;
+            color: #000000;
+            letter-spacing: 0;
+            text-align: left;
+            font-weight: 600;
+            padding-bottom: 30rpx;
+          }
+          .close-icon {
+            position: relative;
+            top: -20rpx;
+          }
+        }
+        .price {
+          font-size: 40rpx;
+          color: #f5222d;
+          letter-spacing: 0;
+          text-align: left;
+          font-weight: 600;
+        }
+      }
+    }
+    .choose-box {
+      border-bottom: 2rpx solid #d8d8d8;
+      padding: 24rpx 32rpx;
+      .label {
+        font-size: 30rpx;
+        color: rgba(0, 0, 0, 0.85);
+        letter-spacing: 0;
+        text-align: left;
+        font-weight: 400;
+        padding: 0rpx 0rpx 20rpx 0rpx;
+      }
+      .tag-row {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+      }
+      .tag-box {
+        padding: 0rpx 47rpx;
+        height: 60rpx;
+        line-height: 60rpx;
+        background: #f5f5f5;
+        border-radius: 8px;
+        margin-right: 12rpx;
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.75);
+        text-align: center;
+        font-weight: 400;
+      }
+      .kg-select {
+        background: #1890ff;
+        color: #ffffff;
+      }
+      .input-row {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        padding-top: 20rpx;
+        .easyinput {
+          height: 64rpx;
+          background: #f5f5f5;
+          border-radius: 8rpx;
+        }
+        .symbol {
+          padding: 0rpx 16rpx;
+          font-size: 32rpx;
+          color: rgba(0, 0, 0, 0.85);
+          font-weight: 400;
+        }
+      }
+    }
+    .quantity-row {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      padding: 32rpx 32rpx 0rpx 32rpx;
+      .label {
+        font-size: 30rpx;
+        color: rgba(0, 0, 0, 0.85);
+        letter-spacing: 0;
+        font-weight: 400;
+      }
+    }
+    .ygzl-text {
+      padding: 20rpx 32rpx 0rpx;
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+      font-family: PingFangSC-Regular;
+      font-size: 24rpx;
+      color: rgba(0, 0, 0, 0.5);
+      font-weight: 400;
+    }
+    .popup-footer-row {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      padding: 48rpx 32rpx 20rpx 32rpx;
+      .btn {
+        width: 686rpx;
+        height: 96rpx;
+        line-height: 96rpx;
+        text-align: center;
+        background: #007aff;
+        border-radius: 10rpx;
+        font-size: 36rpx;
+        color: #ffffff;
+        font-weight: 500;
+      }
+    }
+  }
 }
 </style>
diff --git a/pages/store/index.vue b/pages/store/index.vue
index 5e8d7e2..01c3e0b 100644
--- a/pages/store/index.vue
+++ b/pages/store/index.vue
@@ -1,344 +1,352 @@
 <template>
-	<view class="warpper">
-		<qnHeader class="header">
-			<view class="header-title">店铺首页</view>
-			<view class=""></view>
-		</qnHeader>
-		<view class="top-box">
-			<view class="">
-				<!-- <image class="image" src="https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif" mode=""></image> -->
-				<image class="image" :src="customerInfo.logo || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'" mode=""></image>
-			</view>
-			<view class="center">
-				<view class="title">{{ customerInfo.name }}</view>
-				<view class="desc">全部商品 {{ customerInfo.productNumber }} &nbsp; | &nbsp;上新 {{ customerInfo.currentProductNumber }}</view>
-			</view>
-		</view>
-		<view class="search-box">
-			<uni-easyinput
-				v-model="enterpriseName"
-				:inputBorder="false"
-				:clearSize="18"
-				:placeholderStyle="'font-size:25rpx;text-align: center;font-weight: 400;color: rgba(34,34,34,0.75);'"
-				placeholder="搜索"
-				confirmType="search"
-				type="text"
-				class="easyinput"
-			 prefixIcon="search"
-				@confirm="searchConfirm"
-			/>
-		</view>
-		<scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #FFFFFF;">
-			<view class="content">
-				<view class="box" v-for="(item, index) in list" :key="index"  @tap="seeDetailsTap(item)">
-					<view class="image-box">
-						<view class=""><image class="special-img" :src="item.isPromoting ? '/static/imgs/store/special-offe.png' : ''" mode=""></image></view>
-						<image class="image" :src="item.litPicUrl || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'" mode=""></image>
-					</view>
-					<view class="title">{{ item.name }}</view>
-					<view class="desc">
-						<view class="">
-							<image class="icon" src="/static/imgs/store/address-icon.png"></image>
-							<text style="padding-left: 6rpx;">{{ customerInfo.area }}</text>
-						</view>
-						<view class="">库存:{{ item.stock || XX }} {{ item.stockUnit == 1 ? '张' : '吨' }}</view>
-					</view>
-					<view class="footer">
-						<view class="left">
-							<text class="price">{{ item.priceRange }}</text>
-							<!-- <text class="unit">/吨</text> -->
-						</view>
-						<view class="btn">马上抢</view>
-					</view>
-				</view>
-			</view>
-		</scroll-list>
-	</view>
+  <view class="warpper">
+    <qnHeader class="header">
+      <view class="header-title">店铺首页</view>
+      <view class=""></view>
+    </qnHeader>
+    <view class="top-box">
+      <view class="">
+        <!-- <image class="image" src="https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/paper-default-small.png" mode=""></image> -->
+        <image
+          class="image"
+          :src="customerInfo.logo || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/paper-default-small.png'"
+          mode=""
+        ></image>
+      </view>
+      <view class="center">
+        <view class="title">{{ customerInfo.name }}</view>
+        <view class="desc">全部商品 {{ customerInfo.productNumber }} &nbsp; | &nbsp;上新 {{ customerInfo.currentProductNumber }}</view>
+      </view>
+    </view>
+    <view class="search-box">
+      <uni-easyinput
+        v-model="enterpriseName"
+        :inputBorder="false"
+        :clearSize="18"
+        :placeholderStyle="'font-size:25rpx;text-align: center;font-weight: 400;color: rgba(34,34,34,0.75);'"
+        placeholder="搜索"
+        confirmType="search"
+        type="text"
+        class="easyinput"
+        prefixIcon="search"
+        @confirm="searchConfirm"
+      />
+    </view>
+    <scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #ffffff">
+      <view class="content">
+        <view class="box" v-for="(item, index) in list" :key="index" @tap="seeDetailsTap(item)">
+          <view class="image-box">
+            <view class=""><image class="special-img" :src="item.isPromoting ? '/static/imgs/store/special-offe.png' : ''" mode=""></image></view>
+            <image
+              class="image"
+              :src="item.litPicUrl || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/paper-default-small.png'"
+              mode=""
+            ></image>
+          </view>
+          <view class="title">{{ item.name }}</view>
+          <view class="desc">
+            <view class="">
+              <image class="icon" src="/static/imgs/store/address-icon.png"></image>
+              <text style="padding-left: 6rpx">{{ customerInfo.area }}</text>
+            </view>
+            <view class="">库存:{{ item.stock || 'XX' }} {{ item.stockUnit == 1 ? '张' : '吨' }}</view>
+          </view>
+          <view class="footer">
+            <view class="left">
+              <text class="price">{{ item.priceRange }}</text>
+              <!-- <text class="unit">/吨</text> -->
+            </view>
+            <view class="btn">马上抢</view>
+          </view>
+        </view>
+      </view>
+    </scroll-list>
+  </view>
 </template>
 
 <script>
 import qnHeader from '@/components/qn-header/qn-header.vue'
-import { go2 } from '@/utils/hook.js'
+import { go2, loginGo2 } from '@/utils/hook.js'
 import { getCustomer, getPaperList } from '@/apis/storeApi.js'
 export default {
-	components: { qnHeader },
-	data() {
-		return {
-			option: {
-				size: 10,
-				auto: true,
-				emptyText: '暂无数据~',
-				background: '#F7F8FA',
-				disabled: false
-			},
-			params: {
-				asc: '',
-				desc: '',
-				name: '',
-				name: '',
-				supplierId: this.$store.state.supplierId || null
-			},
-			pagination: {
-				pageNum: 0, // 初始会执行一次下拉加载
-				pageSize: 10
-			},
-			enterpriseName: '',
-			list: [],
-			customerParams: {
-				supplierId: this.$store.state.supplierId || null
-				// supplierId: '677166944742412288'
-			},
-			customerInfo: {}
-		}
-	},
-	onLoad() {
-		this.getCustomer()
-	},
-	methods: {
-		seeDetailsTap(item) {
-			go2('paper-details', { id: item.id })
-		},
-		// 获取店铺信息
-		getCustomer() {
-			getCustomer(this.customerParams).then(res => {
-				// console.log('获取店铺信息', res)
-				if (res) {
-					this.customerInfo = res
-				}
-			})
-		},
-		getList() {
-			return new Promise((resolve, reject) => {
-				getPaperList({ ...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 })
-						}
-					})
-					.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()
-				})
-		},
-		searchConfirm(value) {
-			this.params.name = value
-			this.pagination.pageNum = 1
-			this.getList()
-		}
-	}
+  components: { qnHeader },
+  data() {
+    return {
+      option: {
+        size: 10,
+        auto: true,
+        emptyText: '暂无数据~',
+        background: '#F7F8FA',
+        disabled: false
+      },
+      params: {
+        asc: '',
+        desc: '',
+        name: '',
+        name: '',
+        supplierId: this.$store.state.supplierId || null
+      },
+      pagination: {
+        pageNum: 0, // 初始会执行一次下拉加载
+        pageSize: 10
+      },
+      enterpriseName: '',
+      list: [],
+      customerParams: {
+        supplierId: this.$store.state.supplierId || null
+        // supplierId: '677166944742412288'
+      },
+      customerInfo: {}
+    }
+  },
+  onLoad() {
+    this.getCustomer()
+  },
+  methods: {
+    seeDetailsTap(item) {
+      loginGo2('paper-details', { id: item.id })
+    },
+    // 获取店铺信息
+    getCustomer() {
+      getCustomer(this.customerParams).then((res) => {
+        // console.log('获取店铺信息', res)
+        if (res) {
+          this.customerInfo = res
+        }
+      })
+    },
+    getList() {
+      return new Promise((resolve, reject) => {
+        getPaperList({ ...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 })
+            }
+          })
+          .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()
+        })
+    },
+    searchConfirm(value) {
+      this.params.name = value
+      this.pagination.pageNum = 1
+      this.getList()
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .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;
-		}
-	}
-	.top-box {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		// justify-content: space-around;
-		height: 180rpx;
-		background: url('/static/imgs/store/store-icon.png') no-repeat;
-		background-size: 100%;
-		.image {
-			width: 100rpx;
-			height: 100rpx;
-			border-radius: 50%;
-			margin-left: 32rpx;
-		}
-		.right {
-			width: 140rpx;
-		}
-		.center {
-			padding-left: 20rpx;
-		}
-		.title {
-			font-size: 34rpx;
-			color: #ffffff;
-			letter-spacing: 2rpx;
-			font-weight: 600;
-			padding-bottom: 12rpx;
-		}
-		.desc {
-			opacity: 0.75;
-			font-size: 28rpx;
-			color: #ffffff;
-			letter-spacing: 0;
-			font-weight: 500;
-			padding-right: 32rpx;
-			padding-top: 12rpx;
-		}
-		.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;
-		}
-	}
-	.search-box {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0rpx 32rpx;
-		height: 104rpx;
-		background: #ffffff;
-		.easyinput {
-			height: 72rpx;
-			background: #f5f6f7;
-			border-radius: 16rpx;
-		}
-	}
-	.content {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		flex-wrap: wrap;
-		padding: 0rpx 32rpx 20rpx 32rpx;
-		.box {
-			// height: 514rpx;
-			width: 330rpx;
-			background: #ffffff;
-			box-shadow: 0rpx 8rpx 28rpx 0rpx rgba(112, 112, 112, 0.1);
-			border-radius: 10rpx;
-			.special-img {
-				width: 110rpx;
-				height: 110rpx;
-				position: absolute;
-				z-index: 10;
-			}
-			.image {
-				width: 330rpx;
-				height: 330rpx;
-				z-index: 9;
-				border-top-left-radius: 10rpx;
-			}
-			.title {
-				padding: 0rpx 16rpx;
-				font-size: 28rpx;
-				color: #000000;
-				letter-spacing: 0;
-				font-weight: 500;
-				padding-top: 10rpx;
-			}
-			.desc {
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				align-items: center;
-				font-size: 20rpx;
-				color: #333333;
-				letter-spacing: 0;
-				font-weight: 400;
-				padding: 16rpx 16rpx 10rpx 16rpx;
-				.icon {
-					width: 16rpx;
-					height: 16rpx;
-				}
-			}
-			.footer {
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				align-items: center;
-				padding: 10rpx 16rpx 37rpx 16rpx;
-				.left {
-					flex-grow: 1;
-					flex-shrink: 1;
-				}
-				.price {
-					font-size: 34rpx;
-					color: #f5222d;
-					letter-spacing: 0;
-					font-weight: 600;
-				}
-				.unit {
-					font-size: 24rpx;
-					color: #f5222d;
-					letter-spacing: 0;
-					text-align: left;
-					font-weight: 400;
-				}
-				.btn {
-					flex-grow: 0;
-					flex-shrink: 0;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					// text-align: center;
-					width: 108rpx;
-					height: 48rpx;
-					background: #ff4849;
-					border-radius: 27rpx;
-					ont-size: 26rpx;
-					color: #ffffff;
-					letter-spacing: 0;
-					font-weight: 400;
-				}
-			}
-		}
-	}
+    .right-title {
+      font-size: 28rpx;
+      color: #007aff;
+      text-align: center;
+      line-height: 40rpx;
+      font-weight: 500;
+    }
+  }
+  .top-box {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    // justify-content: space-around;
+    height: 180rpx;
+    background: url('/static/imgs/store/store-icon.png') no-repeat;
+    background-size: 100%;
+    .image {
+      width: 100rpx;
+      height: 100rpx;
+      border-radius: 50%;
+      margin-left: 32rpx;
+    }
+    .right {
+      width: 140rpx;
+    }
+    .center {
+      padding-left: 20rpx;
+    }
+    .title {
+      font-size: 34rpx;
+      color: #ffffff;
+      letter-spacing: 2rpx;
+      font-weight: 600;
+      padding-bottom: 12rpx;
+    }
+    .desc {
+      opacity: 0.75;
+      font-size: 28rpx;
+      color: #ffffff;
+      letter-spacing: 0;
+      font-weight: 500;
+      padding-right: 32rpx;
+      padding-top: 12rpx;
+    }
+    .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;
+    }
+  }
+  .search-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0rpx 32rpx;
+    height: 104rpx;
+    background: #ffffff;
+    .easyinput {
+      height: 72rpx;
+      background: #f5f6f7;
+      border-radius: 16rpx;
+    }
+  }
+  .content {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    padding: 0rpx 32rpx 20rpx 32rpx;
+    .box {
+      // height: 514rpx;
+      width: 330rpx;
+      background: #ffffff;
+      box-shadow: 0rpx 8rpx 28rpx 0rpx rgba(112, 112, 112, 0.1);
+      border-radius: 10rpx;
+      .special-img {
+        width: 110rpx;
+        height: 110rpx;
+        position: absolute;
+        z-index: 10;
+      }
+      .image {
+        width: 330rpx;
+        height: 330rpx;
+        z-index: 9;
+        border-top-left-radius: 10rpx;
+      }
+      .title {
+        padding: 0rpx 16rpx;
+        font-size: 28rpx;
+        color: #000000;
+        letter-spacing: 0;
+        font-weight: 500;
+        padding-top: 10rpx;
+      }
+      .desc {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        font-size: 20rpx;
+        color: #333333;
+        letter-spacing: 0;
+        font-weight: 400;
+        padding: 16rpx 16rpx 10rpx 16rpx;
+        .icon {
+          width: 16rpx;
+          height: 16rpx;
+        }
+      }
+      .footer {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10rpx 16rpx 37rpx 16rpx;
+        .left {
+          flex-grow: 1;
+          flex-shrink: 1;
+        }
+        .price {
+          font-size: 34rpx;
+          color: #f5222d;
+          letter-spacing: 0;
+          font-weight: 600;
+        }
+        .unit {
+          font-size: 24rpx;
+          color: #f5222d;
+          letter-spacing: 0;
+          text-align: left;
+          font-weight: 400;
+        }
+        .btn {
+          flex-grow: 0;
+          flex-shrink: 0;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          // text-align: center;
+          width: 108rpx;
+          height: 48rpx;
+          background: #ff4849;
+          border-radius: 27rpx;
+          ont-size: 26rpx;
+          color: #ffffff;
+          letter-spacing: 0;
+          font-weight: 400;
+        }
+      }
+    }
+  }
 }
 </style>
diff --git a/static/imgs/tabbar/cart-blue.png b/static/imgs/tabbar/cart-blue.png
new file mode 100644
index 0000000..fb55a78
Binary files /dev/null and b/static/imgs/tabbar/cart-blue.png differ
diff --git a/static/imgs/tabbar/cart-gray.png b/static/imgs/tabbar/cart-gray.png
new file mode 100644
index 0000000..e2a9f03
Binary files /dev/null and b/static/imgs/tabbar/cart-gray.png differ
diff --git a/static/imgs/tabbar/mine-blue.png b/static/imgs/tabbar/mine-blue.png
new file mode 100644
index 0000000..f893dcf
Binary files /dev/null and b/static/imgs/tabbar/mine-blue.png differ
diff --git a/static/imgs/tabbar/mine-gray.png b/static/imgs/tabbar/mine-gray.png
new file mode 100644
index 0000000..c6c94fb
Binary files /dev/null and b/static/imgs/tabbar/mine-gray.png differ
diff --git a/static/imgs/tabbar/store-blue.png b/static/imgs/tabbar/store-blue.png
index d75c474..edc9af2 100644
Binary files a/static/imgs/tabbar/store-blue.png and b/static/imgs/tabbar/store-blue.png differ
diff --git a/static/imgs/tabbar/store-gray.png b/static/imgs/tabbar/store-gray.png
index c64fad4..07fe841 100644
Binary files a/static/imgs/tabbar/store-gray.png and b/static/imgs/tabbar/store-gray.png differ