diff --git a/apis/trade.js b/apis/trade.js
index 5ed1afb..afb5e10 100644
--- a/apis/trade.js
+++ b/apis/trade.js
@@ -19,9 +19,9 @@ export function gettradingHallList(data) {
     },
     { hideLoading: true }
   )
-}
-// 我的报价
-export function getMyreplyList(data) {
+}
+// 我的报价
+export function getMyReplyList(data) {
   return http.get(
     {
       url: '/base-paper-trading/get/my-reply-list',
@@ -29,24 +29,24 @@ export function getMyreplyList(data) {
     },
     { hideLoading: true }
   )
-}
-// 提交报价
-export function updataEnquiryReply(data) {
+}
+// 提交报价
+export function updateEnquiryReply(data) {
   return http.post({
-    url: '/base-paper-trading/update/enquiry-reply?userId='+data.userId,
+    url: '/base-paper-trading/update/enquiry-reply?userId=' + data.userId,
     data
   })
-}
-// 获取报价详情
+}
+// 获取报价详情
 export function enquiryReplyDetail(data) {
   return http.get(
     {
-      url: '/base-paper-trading/get/enquiry-reply-detail/'+data,
+      url: '/base-paper-trading/get/enquiry-reply-detail/' + data
     },
     { hideLoading: true }
   )
-}
-// 消息列表
+}
+// 消息列表
 export function systemMessageList(data) {
   return http.get(
     {
@@ -55,19 +55,11 @@ export function systemMessageList(data) {
     },
     { hideLoading: true }
   )
-}
-// 系统消息已读
+}
+// 系统消息已读
 export function systemRead(data) {
   return http.post({
     url: '/base-paper-trading/set/message-read',
     data
   })
-}
-
-
-
-
-
-
-
-
+}
diff --git a/components/bussiness-components/packingStationItem.vue b/components/bussiness-components/packingStationItem.vue
index 2b389c3..0bd63f1 100644
--- a/components/bussiness-components/packingStationItem.vue
+++ b/components/bussiness-components/packingStationItem.vue
@@ -134,7 +134,7 @@ export default {
   .info {
     width: 750rpx;
     padding: 30rpx 32rpx 48rpx;
-    border-bottom: 2rpx solid #dddddd;
+    border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
     display: flex;
     flex-direction: row;
     align-items: flex-start;
diff --git a/pages/add-paper/index.vue b/pages/add-paper/index.vue
index 8eb31c0..7786180 100644
--- a/pages/add-paper/index.vue
+++ b/pages/add-paper/index.vue
@@ -1,296 +1,306 @@
 <template>
-	<view class="add-paper">
-		<view>
-			<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
-				<view class="add-paper-title">{{ title }}</view>
-				<view slot="left"></view>
-				<view slot="right"></view>
-			</uni-nav-bar>
-		</view>
-		<view class="">
-			<view class="add-paper-list">
-				<view>
-					<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
-					<text class="add-paper-text">纸品名称</text>
-				</view>
-				<view class="add-paper-input">
-					<qn-easyinput type="text" :maxlength="100" :styles="{ disableColor: '#fff' }" v-model="form.name" :inputBorder="false" text="right" placeholder="请输入纸品名称"></qn-easyinput>
-				</view>
-			</view>
-			<view class="add-paper-border"></view>
-			<view class="add-paper-list">
-				<view>
-					<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
-					<text class="add-paper-text">纸厂信息</text>
-				</view>
-				<view class="add-paper-input">
-					<qn-easyinput
-						type="text"
-						:styles="{ disableColor: '#fff' }"
-						v-model="form.manufacturerName"
-						:inputBorder="false"
-						text="right"
-						:maxlength="100"
-						placeholder="请输入纸厂信息"
-					></qn-easyinput>
-				</view>
-			</view>
-			<view class="add-paper-border"></view>
-			<view class="add-paper-list">
-				<view>
-					<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
-					<text class="add-paper-text">品牌信息</text>
-				</view>
-				<view class="add-paper-input">
-					<qn-easyinput
-						type="text"
-						:styles="{ disableColor: '#fff' }"
-						v-model="form.brandName"
-						:inputBorder="false"
-						text="right"
-						:maxlength="50"
-						placeholder="请输入品牌信息"
-					></qn-easyinput>
-				</view>
-			</view>
-			<view class="add-paper-border"></view>
-			<view class="add-paper-list">
-				<view>
-					<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
-					<text class="add-paper-text">纸种信息</text>
-				</view>
-				<qn-easyinput
-					type="text"
-					:styles="{ disableColor: '#fff' }"
-					v-model="form.categoryName"
-					:inputBorder="false"
-					text="right"
-					:maxlength="50"
-					placeholder="请输入纸种信息"
-				></qn-easyinput>
-				<!-- categoryId -->
-			<!-- 	<view class="" @click="paperpopupShow()">
+  <view class="add-paper">
+    <view>
+      <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
+        <view class="add-paper-title">{{ title }}</view>
+        <view slot="left"></view>
+        <view slot="right"></view>
+      </uni-nav-bar>
+    </view>
+    <view class="">
+      <view class="add-paper-list">
+        <view>
+          <text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
+          <text class="add-paper-text">纸品名称</text>
+        </view>
+        <view class="add-paper-input">
+          <qn-easyinput
+            type="text"
+            :maxlength="100"
+            :styles="{ disableColor: '#fff' }"
+            v-model="form.name"
+            :inputBorder="false"
+            text="right"
+            placeholder="请输入纸品名称"
+          ></qn-easyinput>
+        </view>
+      </view>
+      <view class="add-paper-border"></view>
+      <view class="add-paper-list">
+        <view>
+          <text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
+          <text class="add-paper-text">纸厂信息</text>
+        </view>
+        <view class="add-paper-input">
+          <qn-easyinput
+            type="text"
+            :styles="{ disableColor: '#fff' }"
+            v-model="form.manufacturerName"
+            :inputBorder="false"
+            text="right"
+            :maxlength="100"
+            placeholder="请输入纸厂信息"
+          ></qn-easyinput>
+        </view>
+      </view>
+      <view class="add-paper-border"></view>
+      <view class="add-paper-list">
+        <view>
+          <text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
+          <text class="add-paper-text">品牌信息</text>
+        </view>
+        <view class="add-paper-input">
+          <qn-easyinput
+            type="text"
+            :styles="{ disableColor: '#fff' }"
+            v-model="form.brandName"
+            :inputBorder="false"
+            text="right"
+            :maxlength="50"
+            placeholder="请输入品牌信息"
+          ></qn-easyinput>
+        </view>
+      </view>
+      <view class="add-paper-border"></view>
+      <view class="add-paper-list">
+        <view>
+          <text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
+          <text class="add-paper-text">纸种信息</text>
+        </view>
+        <qn-easyinput
+          type="text"
+          :styles="{ disableColor: '#fff' }"
+          v-model="form.categoryName"
+          :inputBorder="false"
+          text="right"
+          :maxlength="50"
+          placeholder="请输入纸种信息"
+        ></qn-easyinput>
+        <!-- categoryId -->
+        <!-- 	<view class="" @click="paperpopupShow()">
 					<text v-if="form.categoryId === null" class="add-paph-text">请选择纸种信息</text>
 					<text v-else>{{ form.categoryName }}</text>
 					<text><uni-icons type="right" color="#000000" size="18"></uni-icons></text>
 				</view> -->
-			</view>
-			<view class="add-paper-border"></view>
-			<view class="add-paper-list">
-				<view>
-					<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
-					<text class="add-paper-text">是否主营</text>
-				</view>
-				<view><uni-data-checkbox v-model="form.isMainProductRep" :localdata="range"></uni-data-checkbox></view>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="paper-price ">
-			<view class="paper-price-main">
-				<text class="paper-price-title">纸品售价</text>
-				<text class="paper-price-subtitle">(不设置最低起送量则不限制其送量要求)</text>
-			</view>
-			<view class="paper-price-form" v-for="(item, index) in skuList" :key="index">
-				<view class="paper-price-item">
-					<view class="label flex">
-						<view class="dian"></view>
-						<view class="paper-price-title">纸品售价{{ index + 1 }}</view>
-					</view>
-					<view class="delete-text" @click="deletePrice()">删除</view>
-				</view>
-				<view class="paper-price-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="label_value">
-						<qn-easyinput
-							type="number"
-							:styles="{ disableColor: '#F7F8FA', borderBottom: '1px solid red' }"
-							v-model="item.weight"
-							:inputBorder="false"
-							text="right"
-							:maxlength="9999"
-							placeholder="请输入纸品克重"
-						></qn-easyinput>
-					</view>
-				</view>
-				<view class="paper-price-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="label_value"><uni-data-checkbox style="float: right;padding-top: 24rpx" v-model="item.isPromoting" :localdata="range"></uni-data-checkbox></view>
-				</view>
-				<view class="paper-price-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="label_value label-select" @click="popueShow(index)">
-						<text class="paper-price-title  text-right">{{ item.stockUnit === '1' ? '张' : '吨' }}</text>
-						<uni-icons type="bottom" color="#000000" size="18"></uni-icons>
-					</view>
-				</view>
-				<view class="paper-price-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="label_value flex">
-						<qn-easyinput
-							type="digit"
-							:styles="{ disableColor: '#F7F8FA', borderBottom: '1px solid red' }"
-							v-model="item.listPrice"
-							:inputBorder="false"
-							text="right"
-							placeholder="请输入账期售价"
-						></qn-easyinput>
-						<view class="paper-price-title text-left">元/{{ item.stockUnit === '1' ? '张' : '吨' }}</view>
-					</view>
-				</view>
-				<view class="paper-price-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="label_value flex">
-						<qn-easyinput
-							type="digit"
-							:styles="{ disableColor: '#F7F8FA', borderBottom: '1px solid red' }"
-							v-model="item.stock"
-							:inputBorder="false"
-							text="right"
-							placeholder="请输入纸品库存"
-						></qn-easyinput>
-						<view class="paper-price-title text-left">{{ item.stockUnit === '1' ? '张' : '吨' }}</view>
-					</view>
-				</view>
-				<view class="paper-price-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="label_value flex">
-						<qn-easyinput
-							type="digit"
-							:styles="{ disableColor: '#F7F8FA', borderBottom: '1px solid red' }"
-							v-model="item.minimum"
-							:inputBorder="false"
-							text="right"
-							:maxlength="9999999999"
-							placeholder="请输入最低起送量"
-						></qn-easyinput>
-						<view class="paper-price-title  text-left">{{ item.stockUnit === '1' ? '张' : '吨' }}</view>
-					</view>
-				</view>
-			</view>
-			<button type="primary" class="add-Btn" plain="true" @click="addPriceClick()">＋ 新增售价</button>
-		</view>
-		<uGap></uGap>
-		<view class="paper-price">
-			<view class="paper-price-image-title"><text class="paper-price-title">纸品图片</text></view>
-			<view class="paper-price-image">
-				<uni-file-picker
-					v-model="imgList"
-					file-mediatype="image"
-					mode="grid"
-					file-extname="png,jpg"
-					:limit="5"
-					:image-styles="imageStyles"
-					@progress="progress"
-					@success="success"
-					@fail="fail"
-					@select="select"
-					@delete="deleteImage"
-				>
-					<image class="paper-upload-image" src="../../static/imgs/trade/uploadImage.png" mode=""></image>
-				</uni-file-picker>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="paper-price">
-			<view class="paper-price-image-title"><text class="paper-price-title">商品卖点</text></view>
-			<view class="paper-price-image ">
-				<qn-easyinput
-					class="paper-price-textArea"
-					:maxlength="200"
-					:styles="{ disableColor: '#F7F8FA' }"
-					v-model="form.sellingProposition"
-					:inputBorder="false"
-					type="textarea"
-					placeholder="请输入商品卖点"
-				></qn-easyinput>
-			</view>
-		</view>
+      </view>
+      <view class="add-paper-border"></view>
+      <view class="add-paper-list">
+        <view>
+          <text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
+          <text class="add-paper-text">是否主营</text>
+        </view>
+        <view><uni-data-checkbox v-model="form.isMainProductRep" :localdata="range"></uni-data-checkbox></view>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="paper-price">
+      <view class="paper-price-main">
+        <text class="paper-price-title">纸品售价</text>
+        <text class="paper-price-subtitle">(不设置最低起送量则不限制其送量要求)</text>
+      </view>
+      <view class="paper-price-form" v-for="(item, index) in skuList" :key="index">
+        <view class="paper-price-item">
+          <view class="label flex">
+            <view class="dian"></view>
+            <view class="paper-price-title">纸品售价{{ index + 1 }}</view>
+          </view>
+          <view class="delete-text" @click="deletePrice()">删除</view>
+        </view>
+        <view class="paper-price-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="label_value">
+            <qn-easyinput
+              type="number"
+              :styles="{ disableColor: '#F7F8FA', borderBottom: '1px solid red' }"
+              v-model="item.weight"
+              :inputBorder="false"
+              text="right"
+              :maxlength="9999"
+              placeholder="请输入纸品克重"
+            ></qn-easyinput>
+          </view>
+        </view>
+        <view class="paper-price-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="label_value">
+            <uni-data-checkbox style="float: right; padding-top: 24rpx" v-model="item.isPromoting" :localdata="range"></uni-data-checkbox>
+          </view>
+        </view>
+        <view class="paper-price-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="label_value label-select" @click="popueShow(index)">
+            <text class="paper-price-title text-right">{{ item.stockUnit === '1' ? '张' : '吨' }}</text>
+            <uni-icons type="bottom" color="#000000" size="18"></uni-icons>
+          </view>
+        </view>
+        <view class="paper-price-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="label_value flex">
+            <qn-easyinput
+              type="digit"
+              :styles="{ disableColor: '#F7F8FA', borderBottom: '1px solid red' }"
+              v-model="item.listPrice"
+              :inputBorder="false"
+              text="right"
+              placeholder="请输入账期售价"
+            ></qn-easyinput>
+            <view class="paper-price-title text-left">元/{{ item.stockUnit === '1' ? '张' : '吨' }}</view>
+          </view>
+        </view>
+        <view class="paper-price-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="label_value flex">
+            <qn-easyinput
+              type="digit"
+              :styles="{ disableColor: '#F7F8FA', borderBottom: '1px solid red' }"
+              v-model="item.stock"
+              :inputBorder="false"
+              text="right"
+              placeholder="请输入纸品库存"
+            ></qn-easyinput>
+            <view class="paper-price-title text-left">{{ item.stockUnit === '1' ? '张' : '吨' }}</view>
+          </view>
+        </view>
+        <view class="paper-price-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="label_value flex">
+            <qn-easyinput
+              type="digit"
+              :styles="{ disableColor: '#F7F8FA', borderBottom: '1px solid red' }"
+              v-model="item.minimum"
+              :inputBorder="false"
+              text="right"
+              :maxlength="9999999999"
+              placeholder="请输入最低起送量"
+            ></qn-easyinput>
+            <view class="paper-price-title text-left">{{ item.stockUnit === '1' ? '张' : '吨' }}</view>
+          </view>
+        </view>
+      </view>
+      <button type="primary" class="add-Btn" plain="true" @click="addPriceClick()">＋ 新增售价</button>
+    </view>
+    <uGap></uGap>
+    <view class="paper-price">
+      <view class="paper-price-image-title"><text class="paper-price-title">纸品图片</text></view>
+      <view class="paper-price-image">
+        <uni-file-picker
+          v-model="imgList"
+          file-mediatype="image"
+          mode="grid"
+          file-extname="png,jpg"
+          :limit="5"
+          :image-styles="imageStyles"
+          @progress="progress"
+          @success="success"
+          @fail="fail"
+          @select="select"
+          @delete="deleteImage"
+        >
+          <image class="paper-upload-image" src="../../static/imgs/trade/uploadImage.png" mode=""></image>
+        </uni-file-picker>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="paper-price">
+      <view class="paper-price-image-title"><text class="paper-price-title">商品卖点</text></view>
+      <view class="paper-price-image">
+        <qn-easyinput
+          class="paper-price-textArea"
+          :maxlength="200"
+          :styles="{ disableColor: '#F7F8FA' }"
+          v-model="form.sellingProposition"
+          :inputBorder="false"
+          type="textarea"
+          placeholder="请输入商品卖点"
+        ></qn-easyinput>
+      </view>
+    </view>
 
-		<uGap></uGap>
-		<view class="paper-price">
-			<view class="paper-price-image-title"><text class="paper-price-title">商品描述</text></view>
-			<view class="paper-price-image ">
-				<qn-easyinput
-					class="paper-price-textArea"
-					:maxlength="200"
-					:styles="{ disableColor: '#F7F8FA' }"
-					v-model="form.description"
-					:inputBorder="false"
-					type="textarea"
-					placeholder="请输入商品描述"
-				></qn-easyinput>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="paper-price">
-			<view class="paper-price-image-title"><text class="paper-price-title">送货说明</text></view>
-			<view class="paper-price-image ">
-				<qn-easyinput
-					class="paper-price-textArea"
-					:maxlength="200"
-					:styles="{ disableColor: '#F7F8FA' }"
-					v-model="form.shippingNote"
-					:inputBorder="false"
-					type="textarea"
-					placeholder="请输入送货说明"
-				></qn-easyinput>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="paper-price">
-			<view class="paper-price-image-title"><text class="paper-price-title">其他说明</text></view>
-			<view class="paper-price-image ">
-				<qn-easyinput
-					class="paper-price-textArea"
-					:maxlength="200"
-					:styles="{ disableColor: '#F7F8FA' }"
-					v-model="form.otherNote"
-					:inputBorder="false"
-					type="textarea"
-					placeholder="请输入"
-				></qn-easyinput>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="uploud-btn">
-			<view class=""><button type="primary" class="btn-class" plain="true" @click="addPriceClick()">取消</button></view>
-			<view class=""><button type="primary" class="btn-class-upload" @click="uploadPrice()">上架出售</button></view>
-		</view>
-		<uni-popup ref="popup" type="bottom">
-			<view class="popup_modal">
-				<slot name="title"><view class="popup_modal-title">可选择已录入公司</view></slot>
-				<scroll-view scroll-y="true" class="popup_modal-scroll">
-					<view @click="selectValeu(item)" class="popup_modal-scroll-item" v-for="item in searchList" :key="item.id">{{ item.name }}</view>
-				</scroll-view>
-			</view>
-		</uni-popup>
-		<uni-popup ref="paperpopup" type="bottom">
-			<view class="popup_modal">
-				<slot name="title"><view class="popup_modal-title">选择纸种</view></slot>
-				<scroll-view scroll-y="true" class="popup_modal-scroll">
-					<view @click="paperSelectChange(item)" class="popup_modal-scroll-item" v-for="item in paperList" :key="item.id">{{ item.name }}</view>
-				</scroll-view>
-			</view>
-		</uni-popup>
-	</view>
+    <uGap></uGap>
+    <view class="paper-price">
+      <view class="paper-price-image-title"><text class="paper-price-title">商品描述</text></view>
+      <view class="paper-price-image">
+        <qn-easyinput
+          class="paper-price-textArea"
+          :maxlength="200"
+          :styles="{ disableColor: '#F7F8FA' }"
+          v-model="form.description"
+          :inputBorder="false"
+          type="textarea"
+          placeholder="请输入商品描述"
+        ></qn-easyinput>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="paper-price">
+      <view class="paper-price-image-title"><text class="paper-price-title">送货说明</text></view>
+      <view class="paper-price-image">
+        <qn-easyinput
+          class="paper-price-textArea"
+          :maxlength="200"
+          :styles="{ disableColor: '#F7F8FA' }"
+          v-model="form.shippingNote"
+          :inputBorder="false"
+          type="textarea"
+          placeholder="请输入送货说明"
+        ></qn-easyinput>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="paper-price">
+      <view class="paper-price-image-title"><text class="paper-price-title">其他说明</text></view>
+      <view class="paper-price-image">
+        <qn-easyinput
+          class="paper-price-textArea"
+          :maxlength="200"
+          :styles="{ disableColor: '#F7F8FA' }"
+          v-model="form.otherNote"
+          :inputBorder="false"
+          type="textarea"
+          placeholder="请输入"
+        ></qn-easyinput>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="uploud-btn">
+      <view class=""><button type="primary" class="btn-class" plain="true" @click="addPriceClick()">取消</button></view>
+      <view class=""><button type="primary" class="btn-class-upload" @click="uploadPrice()">上架出售</button></view>
+    </view>
+    <uni-popup ref="popup" type="bottom">
+      <view class="popup_modal">
+        <slot name="title"><view class="popup_modal-title">可选择已录入公司</view></slot>
+        <scroll-view scroll-y="true" class="popup_modal-scroll">
+          <view @click="selectValeu(item)" class="popup_modal-scroll-item" v-for="item in searchList" :key="item.id">{{ item.name }}</view>
+        </scroll-view>
+      </view>
+    </uni-popup>
+    <uni-popup ref="paperpopup" type="bottom">
+      <view class="popup_modal">
+        <slot name="title"><view class="popup_modal-title">选择纸种</view></slot>
+        <scroll-view scroll-y="true" class="popup_modal-scroll">
+          <view @click="paperSelectChange(item)" class="popup_modal-scroll-item" v-for="item in paperList" :key="item.id">{{ item.name }}</view>
+        </scroll-view>
+      </view>
+    </uni-popup>
+  </view>
 </template>
 
 <script>
@@ -301,452 +311,451 @@ import { getCategoryList, createProduct, getSupplierDteail, updateProduct } from
 const validateFields = ['name', 'isMainProductRep', 'manufacturerName', 'brandName', 'categoryName']
 const validatePriceFields = ['isPromoting', 'listPrice', 'minimum', 'stock', 'stockUnit', 'weight']
 export default {
-	components: {
-		uGap,
-		qnEasyinput
-	},
-	data() {
-		return {
-			title: '添加纸品',
-			form: {
-				name: null,
-				isMainProductRep: 0,
-				manufacturerName: null,
-				brandName: null,
-				categoryName: null,
-				sellingProposition:'月结30天价格，不加服务费！',
-				description:'售价全部为含税价，支持先用后付，欢迎来电查询！近期价格波动较大，请下单前先咨询价格。',
-				shippingNote:'分切纸不足重量的，另加调机费；低于送货重量或超出送货范围的，运费另计。'
-				
-			},
-			imageStyles: {
-				width: 100,
-				height: 100,
-				border: {
-					color: '#f1f1f1',
-					width: 1,
-					style: 'solid',
-					radius: '2rpx'
-				}
-			},
-			range: [{ value: 0, text: '是' }, { value: 1, text: '否' }],
-			placeholderStyle: 'text-align: right;',
-			searchList: [
-				{
-					name: '张',
-					id: '1'
-				},
-				{
-					name: '吨',
-					id: '2'
-				}
-			],
-			paperList: [],
-			skuList: [],
-			imgList: [],
-			priceIndex: 0,
-			eidtFor: 0,
-			option: ''
-		}
-	},
-	onLoad(option) {
-		if (option) {
-			this.title = option.title
-		}
-		this.option = option
-		this.getCategoryListQuery()
-		this.eidtFor = 0
-		if (this.title === '编辑纸品') {
-			setTimeout(()=>{
-				this.getDteailList()
-			},200)
-			
-			this.eidtFor = 1
-		}
-		
-	},
-	watch: {
-		
-	},
-	methods: {
-		back,
-		popueShow(item) {
-			this.priceIndex = item
-			this.$refs.popup.open('bottom')
-		},
-		selectValeu(item) {
-			this.$set(this.skuList[this.priceIndex], 'stockUnit', item.id)
-			this.$refs.popup.close()
-		},
-		paperSelectChange(item) {
-			this.$set(this.form, 'categoryName', item.name)
-			// this.$set(this.form, 'categoryId', item.id)
-			this.$refs.paperpopup.close()
-		},
-		paperpopupShow() {
-			this.$refs.paperpopup.open('bottom')
-		},
-		//获取详情
-		getDteailList(res) {
-			var params = {
-				mallSupplierIds: this.$store.state.supplierInfo.supplierId,
-				productId: this.option.id
-			}
-			getSupplierDteail(params).then(res => {
-				if (res) {
-					this.form = res
-					if (this.form.isMainProduct === true) {
-						this.$set(this.form, 'isMainProductRep', 0)
-					} else {
-						this.$set(this.form, 'isMainProductRep', 1)
-					}
-					this.skuList = res.skuList
-					for(let j = 0;j<this.skuList.length;j++){
-						if(this.skuList[j].isPromoting === true){
-							this.skuList[j].isPromoting = 0
-						}else{
-							this.skuList[j].isPromoting = 1
-						}
-					}
-					// for(let x =0;x<this.paperList.length;x++){
-					// 	if(this.paperList[x].id === this.form.categoryId){
-					// 		this.$set(this.form,'categoryName',this.paperList[x].name)
-					// 	}
-					// }
-					this.imgList = []
-					for (let i = 0; i < res.imgList.length; i++) {
-						var params = {
-							name: 'text',
-							extname: 'text',
-							url: res.imgList[i]
-						}
-						this.imgList.push(params)
-					}
-					console.log('this.form',this.form)
-				}
-			})
-		},
-		//新增售价
-		addPriceClick() {
-			this.skuList.push({
-				isPromoting: 1,
-				listPrice: null,
-				minimum: null,
-				stock: null,
-				stockUnit: '2',
-				weight: null,
-				categoryName: null
-			})
-		},
-		// 删除售价
-		deletePrice(value) {
-			this.skuList.splice(value, 1)
-		},
-		// 上传进度
-		progress() {},
-		// 上传成功回调
-		success(item) {
-			console.log(item)
-		},
-		// 上传失败回调
-		fail(item) {
-			console.log(item)
-		},
-		// 图片选择事件
-		select(item) {
-			this.imgList.push(item.tempFiles[0])
-			this.postuploadFile(item.tempFiles[0])
-		},
-		postuploadFile(path) {
-			uploadFile(path.path).then(val => {
-			 this.imgList[this.imgList.length - 1].pathUrl = val
-			})
-		},
-		// 删除图片
-		deleteImage(item) {
-			console.log('deleteImage', item)
-			for (let i = 0; i < this.imgList.length; i++) {
-				if (this.imgList[i].uuid === item.tempFile.uuid) {
-					this.imgList.splice(i, 1)
-				}
-			}
-			console.log(this.imgList)
-		},
-		uploadPrice() {
-			for (let i = 0; i < validateFields.length; i++) {
-				if (this.form[validateFields[i]] === null || this.form[validateFields[i]] === '') {
-					uni.showToast({
-						title: '请完善信息',
-						icon: 'none'
-					})
-					return
-				}
-			}
-			for (let j = 0; j < validatePriceFields.length; j++) {
-				for (let z = 0; z < this.skuList.length; z++) {
-					if (this.skuList[z][validatePriceFields[j]] === null || this.skuList[z][validatePriceFields[j]] === '') {
-						uni.showToast({
-							title: '请完善信息',
-							icon: 'none'
-						})
-						return
-					}
-				}
-			}
-			var upImage = []
-			for (let i = 0; i < this.imgList.length; i++) {
-				upImage.push(this.imgList[i].pathUrl)
-			}
-			for(let j = 0;j<this.skuList.length;j++){
-				if(this.skuList[j].isPromoting === 0){
-					this.skuList[j].isPromoting = true
-				}else{
-					this.skuList[j].isPromoting = false
-				}
-			}
-			var params = {
-				...this.form,
-				isMainProduct: this.form.isMainProductRep === 0 ? true : false,
-				skuList: this.skuList,
-				imgList: upImage,
-				supplierId: this.$store.state.supplierInfo.supplierId
-			}
-			if (this.eidtFor === 0) {
-				createProduct(params).then(res => {
-					if (res) {
-						uni.showToast({
-							title: '添加成功',
-							icon: 'success'
-						})
-						setTimeout(() => {
-							back()
-						}, 1000)
-					}
-				})
-			} else {
-				updateProduct(params).then(res => {
-					if (res) {
-						uni.showToast({
-							title: '更新成功',
-							icon: 'success'
-						})
-						setTimeout(() => {
-							back()
-						}, 1000)
-					}
-				})
-			}
-		},
-		//获取纸品列表
-		getCategoryListQuery() {
-			getCategoryList().then(res => {
-				if (res) {
-					this.paperList = res
-					console.log(res)
-				}
-			})
-		}
-	}
+  components: {
+    uGap,
+    qnEasyinput
+  },
+  data() {
+    return {
+      title: '添加纸品',
+      form: {
+        name: null,
+        isMainProductRep: 0,
+        manufacturerName: null,
+        brandName: null,
+        categoryName: null,
+        sellingProposition: '月结30天价格，不加服务费！',
+        description: '售价全部为含税价，支持先用后付，欢迎来电查询！近期价格波动较大，请下单前先咨询价格。',
+        shippingNote: '分切纸不足重量的，另加调机费；低于送货重量或超出送货范围的，运费另计。'
+      },
+      imageStyles: {
+        width: 100,
+        height: 100,
+        border: {
+          color: '#f1f1f1',
+          width: 1,
+          style: 'solid',
+          radius: '2rpx'
+        }
+      },
+      range: [
+        { value: 0, text: '是' },
+        { value: 1, text: '否' }
+      ],
+      placeholderStyle: 'text-align: right;',
+      searchList: [
+        {
+          name: '张',
+          id: '1'
+        },
+        {
+          name: '吨',
+          id: '2'
+        }
+      ],
+      paperList: [],
+      skuList: [],
+      imgList: [],
+      priceIndex: 0,
+      eidtFor: 0,
+      option: ''
+    }
+  },
+  onLoad(option) {
+    if (option) {
+      this.title = option.title
+    }
+    this.option = option
+    this.getCategoryListQuery()
+    this.eidtFor = 0
+    if (this.title === '编辑纸品') {
+      setTimeout(() => {
+        this.getDteailList()
+      }, 200)
+
+      this.eidtFor = 1
+    }
+  },
+  watch: {},
+  methods: {
+    back,
+    popueShow(item) {
+      this.priceIndex = item
+      this.$refs.popup.open('bottom')
+    },
+    selectValeu(item) {
+      this.$set(this.skuList[this.priceIndex], 'stockUnit', item.id)
+      this.$refs.popup.close()
+    },
+    paperSelectChange(item) {
+      this.$set(this.form, 'categoryName', item.name)
+      // this.$set(this.form, 'categoryId', item.id)
+      this.$refs.paperpopup.close()
+    },
+    paperpopupShow() {
+      this.$refs.paperpopup.open('bottom')
+    },
+    //获取详情
+    getDteailList(res) {
+      var params = {
+        mallSupplierIds: this.$store.state.supplierInfo.supplierId,
+        productId: this.option.id
+      }
+      getSupplierDteail(params).then((res) => {
+        if (res) {
+          this.form = res
+          if (this.form.isMainProduct === true) {
+            this.$set(this.form, 'isMainProductRep', 0)
+          } else {
+            this.$set(this.form, 'isMainProductRep', 1)
+          }
+          this.skuList = res.skuList
+          for (let j = 0; j < this.skuList.length; j++) {
+            if (this.skuList[j].isPromoting === true) {
+              this.skuList[j].isPromoting = 0
+            } else {
+              this.skuList[j].isPromoting = 1
+            }
+          }
+          // for(let x =0;x<this.paperList.length;x++){
+          // 	if(this.paperList[x].id === this.form.categoryId){
+          // 		this.$set(this.form,'categoryName',this.paperList[x].name)
+          // 	}
+          // }
+          this.imgList = []
+          for (let i = 0; i < res.imgList.length; i++) {
+            var params = {
+              name: 'text',
+              extname: 'text',
+              url: res.imgList[i]
+            }
+            this.imgList.push(params)
+          }
+          console.log('this.form', this.form)
+        }
+      })
+    },
+    //新增售价
+    addPriceClick() {
+      this.skuList.push({
+        isPromoting: 1,
+        listPrice: null,
+        minimum: null,
+        stock: null,
+        stockUnit: '2',
+        weight: null,
+        categoryName: null
+      })
+    },
+    // 删除售价
+    deletePrice(value) {
+      this.skuList.splice(value, 1)
+    },
+    // 上传进度
+    progress() {},
+    // 上传成功回调
+    success(item) {
+      console.log(item)
+    },
+    // 上传失败回调
+    fail(item) {
+      console.log(item)
+    },
+    // 图片选择事件
+    select(item) {
+      this.imgList.push(item.tempFiles[0])
+      this.postuploadFile(item.tempFiles[0])
+    },
+    postuploadFile(path) {
+      uploadFile(path.path).then((val) => {
+        this.imgList[this.imgList.length - 1].pathUrl = val
+      })
+    },
+    // 删除图片
+    deleteImage(item) {
+      console.log('deleteImage', item)
+      for (let i = 0; i < this.imgList.length; i++) {
+        if (this.imgList[i].uuid === item.tempFile.uuid) {
+          this.imgList.splice(i, 1)
+        }
+      }
+      console.log(this.imgList)
+    },
+    uploadPrice() {
+      for (let i = 0; i < validateFields.length; i++) {
+        if (this.form[validateFields[i]] === null || this.form[validateFields[i]] === '') {
+          uni.showToast({
+            title: '请完善信息',
+            icon: 'none'
+          })
+          return
+        }
+      }
+      for (let j = 0; j < validatePriceFields.length; j++) {
+        for (let z = 0; z < this.skuList.length; z++) {
+          if (this.skuList[z][validatePriceFields[j]] === null || this.skuList[z][validatePriceFields[j]] === '') {
+            uni.showToast({
+              title: '请完善信息',
+              icon: 'none'
+            })
+            return
+          }
+        }
+      }
+      var upImage = []
+      for (let i = 0; i < this.imgList.length; i++) {
+        upImage.push(this.imgList[i].pathUrl)
+      }
+      for (let j = 0; j < this.skuList.length; j++) {
+        if (this.skuList[j].isPromoting === 0) {
+          this.skuList[j].isPromoting = true
+        } else {
+          this.skuList[j].isPromoting = false
+        }
+      }
+      var params = {
+        ...this.form,
+        isMainProduct: this.form.isMainProductRep === 0 ? true : false,
+        skuList: this.skuList,
+        imgList: upImage,
+        supplierId: this.$store.state.supplierInfo.supplierId
+      }
+      if (this.eidtFor === 0) {
+        createProduct(params).then((res) => {
+          if (res) {
+            uni.showToast({
+              title: '添加成功',
+              icon: 'success'
+            })
+            setTimeout(() => {
+              back()
+            }, 1000)
+          }
+        })
+      } else {
+        updateProduct(params).then((res) => {
+          if (res) {
+            uni.showToast({
+              title: '更新成功',
+              icon: 'success'
+            })
+            setTimeout(() => {
+              back()
+            }, 1000)
+          }
+        })
+      }
+    },
+    //获取纸品列表
+    getCategoryListQuery() {
+      getCategoryList().then((res) => {
+        if (res) {
+          this.paperList = res
+          console.log(res)
+        }
+      })
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .add-paper {
-	.image {
-		width: 28rpx;
-		height: 28rpx;
-	}
-	.add-paper-title {
-		width: 100%;
-		font-size: 36rpx;
-		color: #000000;
-		letter-spacing: 0;
-		text-align: center;
-		font-weight: 500;
-	}
-	.add-paper-list {
-		height: 88rpx;
-		background: #ffffff;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding-left: 32rpx;
-		padding-right: 32rpx;
-	}
-	.add-paper-text {
-		font-size: 28rpx;
-		color: #000000;
-		letter-spacing: 0;
-		font-weight: 400;
-	}
-	.add-paper-start {
-		font-size: 28rpx;
-		color: #f5222d;
-		letter-spacing: 0;
-		font-weight: 400;
-	}
-	.add-paper-input {
-		width: 40%;
-	}
-	.add-paph-text {
-		font-size: 28rpx;
-		color: #888888;
-		letter-spacing: 0;
-		text-align: right;
-		font-weight: 400;
-	}
-	.add-paper-border {
-		border-bottom: 2rpx solid #d8d8d8;
-		margin-left: 32rpx;
-	}
-	.paper-price {
-		background-color: #ffffff;
-		padding-bottom: 20rpx;
-		.paper-price-form {
-			background: #f7f8fa;
-			border-radius: 8rpx;
-			margin: 22rpx 32rpx;
-			padding: 22rpx 32rpx;
-			line-height: 60rpx;
-			margin-bottom: 30rpx;
-		}
-		.paper-price-item {
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			justify-content: space-between;
-			.flex {
-				display: flex;
-				margin-left: 4px;
-				align-items: center;
-			}
-		}
-		.delete-text {
-			font-size: 28rpx;
-			color: #f5222d;
-			letter-spacing: 0;
-			font-weight: 400;
-		}
-		.paper-price-main {
-			padding: 22rpx 32rpx;
-			height: 88rpx;
-			align-items: center;
-			border-bottom: 2rpx solid #dddddd;
-		}
-		.paper-price-image-title {
-			padding: 22rpx 32rpx;
-			align-items: center;
-		}
-		.paper-price-image {
-			padding: 22rpx 32rpx;
-		}
-		.paper-upload-image {
-			width: 184rpx;
-			height: 184rpx;
-			background: rgba(220, 222, 224, 0.5);
-			border-radius: 10rpx;
-		}
-		.paper-price-textArea {
-			background: #f7f8fa;
-			border-radius: 20rpx;
-			padding: 10rpx;
-		}
-		.paper-price-title {
-			font-size: 28rpx;
-			color: #000000;
-			letter-spacing: 0;
-			font-weight: 600;
-		}
-		.paper-price-subtitle {
-			font-size: 24rpx;
-			color: #888888;
-			font-weight: 400;
-		}
-		.dian {
-			background: #adbac9;
-			width: 10rpx;
-			height: 10rpx;
-			border-radius: 50%;
-			// margin-top: 28rpx;
-			margin-right: 10rpx;
-		}
-		.label_text {
-			font-size: 28rpx;
-			color: #888888;
-			letter-spacing: 0;
-			font-weight: 400;
-		}
-		.label_value {
-			padding-bottom: 5rpx;
-			border-bottom: 2rpx solid #d8d8d8;
-			width: 65%;
-			text-align: right;
-		}
-		.label-select {
-			display: flex;
-			align-items: center;
-			justify-content: flex-end;
-		}
-		.text-left {
-			margin-left: 10rpx;
-		}
-		.text-right {
-			margin-right: 10rpx;
-		}
-	}
-	.popup_modal {
-		width: 750rpx;
-		height: 600rpx;
-		background-color: #fff;
-		border-radius: 10rpx 10rpx 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: center;
-				width: 750rpx;
-				height: 88rpx;
-				padding: 0rpx 32rpx;
-				border-bottom: 2rpx solid #d8d8d8;
-			}
-		}
-	}
-	.add-Btn {
-		margin: 10rpx 32rpx;
-	}
-	.btn-class {
-		height: 88rpx;
-		border-radius: 10rpx;
-		line-height: 80rpx;
-		width: 150px;
-	}
-	.btn-class-upload {
-		height: 88rpx;
-		border-radius: 10rpx;
-		line-height: 80rpx;
-		width: 200px;
-	}
-	.uploud-btn {
-		display: flex;
-		justify-content: space-between;
-		padding: 10rpx 32rpx;
-		background-color: #ffffff;
-	}
-	.paper-backColor {
-		background-color: rgba(220, 222, 224, 1);
-	}
+  .image {
+    width: 28rpx;
+    height: 28rpx;
+  }
+  .add-paper-title {
+    width: 100%;
+    font-size: 36rpx;
+    color: #000000;
+    letter-spacing: 0;
+    text-align: center;
+    font-weight: 500;
+  }
+  .add-paper-list {
+    height: 88rpx;
+    background: #ffffff;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: 32rpx;
+    padding-right: 32rpx;
+  }
+  .add-paper-text {
+    font-size: 28rpx;
+    color: #000000;
+    letter-spacing: 0;
+    font-weight: 400;
+  }
+  .add-paper-start {
+    font-size: 28rpx;
+    color: #f5222d;
+    letter-spacing: 0;
+    font-weight: 400;
+  }
+  .add-paper-input {
+    width: 40%;
+  }
+  .add-paph-text {
+    font-size: 28rpx;
+    color: #888888;
+    letter-spacing: 0;
+    text-align: right;
+    font-weight: 400;
+  }
+  .add-paper-border {
+    border-bottom: 2rpx solid #d8d8d8;
+    margin-left: 32rpx;
+  }
+  .paper-price {
+    background-color: #ffffff;
+    padding-bottom: 20rpx;
+    .paper-price-form {
+      background: #f7f8fa;
+      border-radius: 8rpx;
+      margin: 22rpx 32rpx;
+      padding: 22rpx 32rpx;
+      line-height: 60rpx;
+      margin-bottom: 30rpx;
+    }
+    .paper-price-item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      .flex {
+        display: flex;
+        margin-left: 4px;
+        align-items: center;
+      }
+    }
+    .delete-text {
+      font-size: 28rpx;
+      color: #f5222d;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+    .paper-price-main {
+      padding: 22rpx 32rpx;
+      height: 88rpx;
+      align-items: center;
+      border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
+    }
+    .paper-price-image-title {
+      padding: 22rpx 32rpx;
+      align-items: center;
+    }
+    .paper-price-image {
+      padding: 22rpx 32rpx;
+    }
+    .paper-upload-image {
+      width: 184rpx;
+      height: 184rpx;
+      background: rgba(220, 222, 224, 0.5);
+      border-radius: 10rpx;
+    }
+    .paper-price-textArea {
+      background: #f7f8fa;
+      border-radius: 20rpx;
+      padding: 10rpx;
+    }
+    .paper-price-title {
+      font-size: 28rpx;
+      color: #000000;
+      letter-spacing: 0;
+      font-weight: 600;
+    }
+    .paper-price-subtitle {
+      font-size: 24rpx;
+      color: #888888;
+      font-weight: 400;
+    }
+    .dian {
+      background: #adbac9;
+      width: 10rpx;
+      height: 10rpx;
+      border-radius: 50%;
+      // margin-top: 28rpx;
+      margin-right: 10rpx;
+    }
+    .label_text {
+      font-size: 28rpx;
+      color: #888888;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+    .label_value {
+      padding-bottom: 5rpx;
+      border-bottom: 2rpx solid #d8d8d8;
+      width: 65%;
+      text-align: right;
+    }
+    .label-select {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+    .text-left {
+      margin-left: 10rpx;
+    }
+    .text-right {
+      margin-right: 10rpx;
+    }
+  }
+  .popup_modal {
+    width: 750rpx;
+    height: 600rpx;
+    background-color: #fff;
+    border-radius: 10rpx 10rpx 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: center;
+        width: 750rpx;
+        height: 88rpx;
+        padding: 0rpx 32rpx;
+        border-bottom: 2rpx solid #d8d8d8;
+      }
+    }
+  }
+  .add-Btn {
+    margin: 10rpx 32rpx;
+  }
+  .btn-class {
+    height: 88rpx;
+    border-radius: 10rpx;
+    line-height: 80rpx;
+    width: 150px;
+  }
+  .btn-class-upload {
+    height: 88rpx;
+    border-radius: 10rpx;
+    line-height: 80rpx;
+    width: 200px;
+  }
+  .uploud-btn {
+    display: flex;
+    justify-content: space-between;
+    padding: 10rpx 32rpx;
+    background-color: #ffffff;
+  }
+  .paper-backColor {
+    background-color: rgba(220, 222, 224, 1);
+  }
 }
-</style>
+</style>
diff --git a/pages/add-record/index.vue b/pages/add-record/index.vue
index 36a30ef..e5d0f9b 100644
--- a/pages/add-record/index.vue
+++ b/pages/add-record/index.vue
@@ -1,290 +1,287 @@
 <template>
-	<view class="warpper">
-		<qnHeader class="header">
-			<view class="header-title">跟进记录</view>
-			<view class="right-title" @click="saveClick">保存</view>
-		</qnHeader>
-		<view class="paper-price">
-			<view class="">
-				<view class="paper-price-image-title">
-					<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
-					<text class="add-paper-title">拜访对象</text>
-				</view>
-				<view class="paper-price-image">
-					<qn-easyinput
-						class="paper-price-textArea bf-height"
-						:maxlength="200"
-						:styles="{ disableColor: '#F7F8FA' }"
-						v-model="form.respondent"
-						:inputBorder="false"
-						type="textarea"
-						placeholder="请输入拜访对象"
-					></qn-easyinput>
-				</view>
-			</view>
-			<view class="">
-				<view class="paper-price-image-title">
-					<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
-					<text class="add-paper-title">沟通记录</text>
-				</view>
-				<view class="paper-price-image">
-					<qn-easyinput
-						class="paper-price-textArea gt-height"
-						:maxlength="500"
-						:styles="{ disableColor: '#F7F8FA' }"
-						v-model="form.content"
-						:inputBorder="false"
-						type="textarea"
-						placeholder="请输入与客户的沟通记录"
-					></qn-easyinput>
-				</view>
-			</view>
-			<view class="">
-				<view class="paper-price-image-title">
-					<!-- <text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text> -->
-					<text class="add-paper-title">备注信息</text>
-				</view>
-				<view class="paper-price-image">
-					<qn-easyinput
-						class="paper-price-textArea bf-height"
-						:maxlength="200"
-						:styles="{ disableColor: '#F7F8FA' }"
-						v-model="form.remark"
-						:inputBorder="false"
-						type="textarea"
-						placeholder="请输入备注"
-					></qn-easyinput>
-					<view class="location">
-						<image class="icon" src="/static/imgs/client-detail/address-icon.png"></image>
-						<text class="text">{{form.address}}</text>
-						<!-- <uni-icons size="16" type="bottom"></uni-icons> -->
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
+  <view class="warpper">
+    <qnHeader class="header">
+      <view class="header-title">跟进记录</view>
+      <view class="right-title" @click="saveClick">保存</view>
+    </qnHeader>
+    <view class="paper-price">
+      <view class="">
+        <view class="paper-price-image-title">
+          <text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
+          <text class="add-paper-title">拜访对象</text>
+        </view>
+        <view class="paper-price-image">
+          <qn-easyinput
+            class="paper-price-textArea bf-height"
+            :maxlength="200"
+            :styles="{ disableColor: '#F7F8FA' }"
+            v-model="form.respondent"
+            :inputBorder="false"
+            type="textarea"
+            placeholder="请输入拜访对象"
+          ></qn-easyinput>
+        </view>
+      </view>
+      <view class="">
+        <view class="paper-price-image-title">
+          <text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text>
+          <text class="add-paper-title">沟通记录</text>
+        </view>
+        <view class="paper-price-image">
+          <qn-easyinput
+            class="paper-price-textArea gt-height"
+            :maxlength="500"
+            :styles="{ disableColor: '#F7F8FA' }"
+            v-model="form.content"
+            :inputBorder="false"
+            type="textarea"
+            placeholder="请输入与客户的沟通记录"
+          ></qn-easyinput>
+        </view>
+      </view>
+      <view class="">
+        <view class="paper-price-image-title">
+          <!-- <text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text> -->
+          <text class="add-paper-title">备注信息</text>
+        </view>
+        <view class="paper-price-image">
+          <qn-easyinput
+            class="paper-price-textArea bf-height"
+            :maxlength="200"
+            :styles="{ disableColor: '#F7F8FA' }"
+            v-model="form.remark"
+            :inputBorder="false"
+            type="textarea"
+            placeholder="请输入备注"
+          ></qn-easyinput>
+          <view class="location">
+            <image class="icon" src="/static/imgs/client-detail/address-icon.png"></image>
+            <text class="text">{{ form.address }}</text>
+            <!-- <uni-icons size="16" type="bottom"></uni-icons> -->
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	import wgs84togcj02 from '@/utils/locationTransform.js'
-	import { back, uploadImage } from '@/utils/hook.js'
+import wgs84togcj02 from '@/utils/locationTransform.js'
+import { back, uploadImage } from '@/utils/hook.js'
 import qnHeader from '@/components/qn-header/qn-header.vue'
 import { createVisitRecord } from '@/apis/followUpRecords.js'
-const validateFields = [
-	'content',
-	'respondent'
-]
+const validateFields = ['content', 'respondent']
 export default {
-	components: { qnHeader },
-	data() {
-		return {
-			form: {
-				address: '',
-				content: '',
-				customerEnterpriseId: this.$store.state.supplierInfo.id || null,
-				remark: '',
-				respondent: ''
-			}
-		}
-	},
-	onLoad() {
-		this.locatePosition()
-	},
-	methods: {
-		locatePosition() {
-		  uni.getLocation({
-		    type: 'gcj02',
-			geocode: true,
-		    // type: 'wgs84',
-		    success: (res) => {
-		      console.log('location success', res)
-			  if(res.address) {
-				  this.form.address = res.address.province + res.address.city + res.address.district + res.address.street
-			  }
-		      // const { lat, lon } = wgs84togcj02(res.latitude, res.longitude)
-		    },
-		    fail: (err) => {
-		      uni.showToast({
-		        icon: 'error',
-		        title: '定位失败:' + err.code
-		      })
-		    }
-		  })
-		},
-		// 保存
-		saveClick() {
-			for (let i = 0; i < validateFields.length; i++) {
-			  if (this.form[validateFields[i]] === null || this.form[validateFields[i]] === '') {
-			    uni.showToast({
-			      title: '请完善信息',
-			      icon: 'none'
-			    })
-			    return
-			  }
-			}
-			createVisitRecord(this.form).then(res => {
-				if(res) {
-					uni.showToast({
-					  title: '添加成功',
-					  icon: 'success'
-					})
-					setTimeout(() => {
-					  back()
-					}, 1000)
-				}
-			})
-		}
-	}
+  components: { qnHeader },
+  data() {
+    return {
+      form: {
+        address: '',
+        content: '',
+        customerEnterpriseId: this.$store.state.supplierInfo.id || null,
+        remark: '',
+        respondent: ''
+      }
+    }
+  },
+  onLoad() {
+    this.locatePosition()
+  },
+  methods: {
+    locatePosition() {
+      uni.getLocation({
+        type: 'gcj02',
+        geocode: true,
+        // type: 'wgs84',
+        success: (res) => {
+          console.log('location success', res)
+          if (res.address) {
+            this.form.address = res.address.province + res.address.city + res.address.district + res.address.street
+          }
+          // const { lat, lon } = wgs84togcj02(res.latitude, res.longitude)
+        },
+        fail: (err) => {
+          uni.showToast({
+            icon: 'error',
+            title: '定位失败:' + err.code
+          })
+        }
+      })
+    },
+    // 保存
+    saveClick() {
+      for (let i = 0; i < validateFields.length; i++) {
+        if (this.form[validateFields[i]] === null || this.form[validateFields[i]] === '') {
+          uni.showToast({
+            title: '请完善信息',
+            icon: 'none'
+          })
+          return
+        }
+      }
+      createVisitRecord(this.form).then((res) => {
+        if (res) {
+          uni.showToast({
+            title: '添加成功',
+            icon: 'success'
+          })
+          setTimeout(() => {
+            back()
+          }, 1000)
+        }
+      })
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
 .warpper {
-	background-color: #ffffff;
-	height: 100%;
-	.header {
-		justify-content: space-between;
-	}
-	.header-title {
-		font-size: 36rpx;
-		color: #000000;
-		letter-spacing: 0;
-		text-align: center;
-		font-weight: 500;
-	}
+  background-color: #ffffff;
+  height: 100%;
+  .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;
-	}
-	.add-paper-start {
-		font-size: 28rpx;
-		color: #f5222d;
-		letter-spacing: 0;
-		font-weight: 400;
-	}
-	.add-paper-title {
-		font-size: 28rpx;
-		color: #000000;
-		letter-spacing: 0;
-		font-weight: 500;
-	}
-	.paper-price {
-		background-color: #ffffff;
-		padding: 20rpx 0rpx;
+  .right-title {
+    font-size: 28rpx;
+    color: #007aff;
+    text-align: center;
+    line-height: 40rpx;
+    font-weight: 500;
+  }
+  .add-paper-start {
+    font-size: 28rpx;
+    color: #f5222d;
+    letter-spacing: 0;
+    font-weight: 400;
+  }
+  .add-paper-title {
+    font-size: 28rpx;
+    color: #000000;
+    letter-spacing: 0;
+    font-weight: 500;
+  }
+  .paper-price {
+    background-color: #ffffff;
+    padding: 20rpx 0rpx;
 
-		.paper-price-form {
-			background: #f7f8fa;
-			border-radius: 8rpx;
-			margin: 22rpx 32rpx;
-			padding: 22rpx 32rpx;
-			line-height: 60rpx;
-			margin-bottom: 30rpx;
-		}
-		.paper-price-item {
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			justify-content: space-between;
-			.flex {
-				display: flex;
-				margin-left: 4px;
-				align-items: center;
-			}
-		}
-		.delete-text {
-			font-size: 28rpx;
-			color: #f5222d;
-			letter-spacing: 0;
-			font-weight: 400;
-		}
-		.paper-price-main {
-			padding: 22rpx 32rpx;
-			height: 88rpx;
-			align-items: center;
-			border-bottom: 2rpx solid #dddddd;
-		}
-		.paper-price-image-title {
-			padding: 0rpx 32rpx;
-			align-items: center;
-		}
-		.paper-price-image {
-			padding: 16rpx 32rpx;
-		}
-		.paper-price-textArea {
-			background: #f7f8fa;
-			border-radius: 20rpx;
-			padding: 10rpx;
-		}
-		.paper-price-title {
-			font-size: 28rpx;
-			color: #000000;
-			letter-spacing: 0;
-			font-weight: 600;
-		}
-		.paper-price-subtitle {
-			font-size: 24rpx;
-			color: #888888;
-			font-weight: 400;
-		}
-		.dian {
-			background: #adbac9;
-			width: 10rpx;
-			height: 10rpx;
-			border-radius: 50%;
-			// margin-top: 28rpx;
-			margin-right: 10rpx;
-		}
-		.label_text {
-			font-size: 28rpx;
-			color: #888888;
-			letter-spacing: 0;
-			font-weight: 400;
-		}
-		.label_value {
-			padding-bottom: 5rpx;
-			border-bottom: 2rpx solid #d8d8d8;
-			width: 65%;
-			text-align: right;
-		}
-		.label-select {
-			display: flex;
-			align-items: center;
-			justify-content: flex-end;
-		}
-		.text-left {
-			margin-left: 10rpx;
-		}
-		.text-right {
-			margin-right: 10rpx;
-		}
-	}
-	.bf-height {
-		height: 155rpx;
-	}
-	.gt-height {
-		height: 210rpx;
-	}
-	.location {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		padding-top: 20rpx;
-		.icon {
-			width: 32rpx;
-			height: 32rpx;
-		}
-		.text {
-			font-size: 26rpx;
-			color: #888888;
-			letter-spacing: 0;
-			text-align: left;
-			font-weight: 400;
-			padding-left: 10rpx;
-		}
-	}
+    .paper-price-form {
+      background: #f7f8fa;
+      border-radius: 8rpx;
+      margin: 22rpx 32rpx;
+      padding: 22rpx 32rpx;
+      line-height: 60rpx;
+      margin-bottom: 30rpx;
+    }
+    .paper-price-item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      .flex {
+        display: flex;
+        margin-left: 4px;
+        align-items: center;
+      }
+    }
+    .delete-text {
+      font-size: 28rpx;
+      color: #f5222d;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+    .paper-price-main {
+      padding: 22rpx 32rpx;
+      height: 88rpx;
+      align-items: center;
+      border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
+    }
+    .paper-price-image-title {
+      padding: 0rpx 32rpx;
+      align-items: center;
+    }
+    .paper-price-image {
+      padding: 16rpx 32rpx;
+    }
+    .paper-price-textArea {
+      background: #f7f8fa;
+      border-radius: 20rpx;
+      padding: 10rpx;
+    }
+    .paper-price-title {
+      font-size: 28rpx;
+      color: #000000;
+      letter-spacing: 0;
+      font-weight: 600;
+    }
+    .paper-price-subtitle {
+      font-size: 24rpx;
+      color: #888888;
+      font-weight: 400;
+    }
+    .dian {
+      background: #adbac9;
+      width: 10rpx;
+      height: 10rpx;
+      border-radius: 50%;
+      // margin-top: 28rpx;
+      margin-right: 10rpx;
+    }
+    .label_text {
+      font-size: 28rpx;
+      color: #888888;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+    .label_value {
+      padding-bottom: 5rpx;
+      border-bottom: 2rpx solid #d8d8d8;
+      width: 65%;
+      text-align: right;
+    }
+    .label-select {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+    .text-left {
+      margin-left: 10rpx;
+    }
+    .text-right {
+      margin-right: 10rpx;
+    }
+  }
+  .bf-height {
+    height: 155rpx;
+  }
+  .gt-height {
+    height: 210rpx;
+  }
+  .location {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding-top: 20rpx;
+    .icon {
+      width: 32rpx;
+      height: 32rpx;
+    }
+    .text {
+      font-size: 26rpx;
+      color: #888888;
+      letter-spacing: 0;
+      text-align: left;
+      font-weight: 400;
+      padding-left: 10rpx;
+    }
+  }
 }
-</style>
+</style>
diff --git a/pages/client-detail/base-paper-deals.vue b/pages/client-detail/base-paper-deals.vue
index 0203ac0..1e46fa5 100644
--- a/pages/client-detail/base-paper-deals.vue
+++ b/pages/client-detail/base-paper-deals.vue
@@ -191,7 +191,7 @@ export default {
       align-items: center;
       height: 88rpx;
       background: #ffffff;
-      border-bottom: 2rpx solid #dddddd;
+      border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
       padding: 0rpx 32rpx;
       .left-title {
         font-size: 30rpx;
@@ -213,7 +213,7 @@ export default {
       align-items: center;
       height: 148rpx;
       background: #ffffff;
-      border-bottom: 2rpx solid #dddddd;
+      border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
       padding: 0rpx 32rpx;
       .image {
         width: 100rpx;
diff --git a/pages/client-detail/basic-information.vue b/pages/client-detail/basic-information.vue
index 524bc3a..3d54287 100644
--- a/pages/client-detail/basic-information.vue
+++ b/pages/client-detail/basic-information.vue
@@ -294,7 +294,7 @@ export default {
       justify-content: space-between;
       height: 88rpx;
       line-height: 88rpx;
-      border-bottom: 2rpx solid #dddddd;
+      border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
       padding: 0rpx 32rpx;
 
       .left-text {
@@ -393,7 +393,7 @@ export default {
     height: 80rpx;
     line-height: 80rpx;
     background: #ffffff;
-    border-top: 2rpx solid #dddddd;
+    border-top: 2rpx solid rgba(221, 221, 221, 0.5);
     padding: 0rpx 32rpx;
 
     .icon {
@@ -421,7 +421,7 @@ export default {
     height: 80rpx;
     line-height: 80rpx;
     background: #ffffff;
-    border-top: 2rpx solid #dddddd;
+    border-top: 2rpx solid rgba(221, 221, 221, 0.5);
     padding: 0rpx 32rpx;
     font-size: 28rpx;
     color: #007aff;
diff --git a/pages/client-detail/equipment-information.vue b/pages/client-detail/equipment-information.vue
index ee95823..4971dd0 100644
--- a/pages/client-detail/equipment-information.vue
+++ b/pages/client-detail/equipment-information.vue
@@ -125,15 +125,15 @@ export default {
         emptyText: '暂无设备信息~',
         background: '#F7F8FA',
         disabled: false,
-		 emptyImage: '/static/imgs/order/order-empty.png'
+        emptyImage: '/static/imgs/order/order-empty.png'
       },
       seemoreFlag: 0,
       params: {
         asc: '',
         desc: '',
         duration: '3',
-		customerEnterpriseId: this.$store.state.supplierInfo.id || null, // 客户企业ID默认为空，传值时网关获取当前用户关联企业id失效、
-		// customerEnterpriseId: '651107734133018624',
+        customerEnterpriseId: this.$store.state.supplierInfo.id || null // 客户企业ID默认为空，传值时网关获取当前用户关联企业id失效、
+        // customerEnterpriseId: '651107734133018624',
       },
       pagination: {
         pageNum: 0, // 初始会执行一次下拉加载
@@ -180,10 +180,10 @@ export default {
           .then((res) => {
             // console.log('设备信息', res.records)
             if (res) {
-				res.records.forEach((el) => {
-				  el.collapse = false
-				  el.isShowSelect = false
-				})
+              res.records.forEach((el) => {
+                el.collapse = false
+                el.isShowSelect = false
+              })
               if (this.pagination.pageNum == 1) {
                 this.list = res.records
               } else {
@@ -309,8 +309,8 @@ export default {
       }
     }
     .content {
-      border-bottom: 2rpx solid #dddddd;
-      border-top: 2rpx solid #dddddd;
+      border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
+      border-top: 2rpx solid rgba(221, 221, 221, 0.5);
       .info {
         display: flex;
         flex-direction: row;
diff --git a/pages/client-detail/index.vue b/pages/client-detail/index.vue
index 698b29d..d8afb64 100644
--- a/pages/client-detail/index.vue
+++ b/pages/client-detail/index.vue
@@ -215,7 +215,7 @@ export default {
       align-items: center;
       height: 96rpx;
       background: #ffffff;
-      border-top: 2rpx solid #dddddd;
+      border-top: 2rpx solid rgba(221, 221, 221, 0.5);
       .cancel-text {
         flex-grow: 1;
         flex-shrink: 1;
diff --git a/pages/client-detail/lv-select.vue b/pages/client-detail/lv-select.vue
index 5f5bbf0..86b288d 100644
--- a/pages/client-detail/lv-select.vue
+++ b/pages/client-detail/lv-select.vue
@@ -186,7 +186,7 @@
 		box-sizing: border-box;
 	}
 	.unishadow{
-		box-shadow: 0rpx 1rpx 5rpx #DDDDDD;
+		box-shadow: 0rpx 1rpx 5rpx rgba(221,221,221,0.5);
 	}
 	.uni-search-form{
 		position: relative;
@@ -247,7 +247,7 @@
 		width: 75%; // 下拉框宽度
 		background-color: #FFFFFF;
 		border-radius: 6px;
-		box-shadow: #DDDDDD 4px 4px 8px, #DDDDDD -4px -4px 8px;
+		box-shadow: rgba(221,221,221,0.5) 4px 4px 8px, rgba(221,221,221,0.5) -4px -4px 8px;
 		z-index: 999;
 	}
 	.uni-combox__selector-scroll {
@@ -282,7 +282,7 @@
 		color: #808080;
 	}
 	.uni-combox__selector-item:hover {
-		background-color: #DDDDDD;
+		background-color: rgba(221,221,221,0.5);
 	}
 	.uni-combox__selector-empty:last-child,
 	.uni-combox__selector-item:last-child {
diff --git a/pages/contract-manage/index.vue b/pages/contract-manage/index.vue
index cbd2cef..1e4115f 100644
--- a/pages/contract-manage/index.vue
+++ b/pages/contract-manage/index.vue
@@ -251,7 +251,7 @@ export default {
   .footer {
     width: 750rpx;
     padding: 24rpx 32rpx;
-    border-top: 1px solid #dddddd;
+    border-top: 1px solid rgba(221, 221, 221, 0.5);
   }
 }
 </style>
diff --git a/pages/credit-order-list/index.vue b/pages/credit-order-list/index.vue
index 2f6cd5d..da05d78 100644
--- a/pages/credit-order-list/index.vue
+++ b/pages/credit-order-list/index.vue
@@ -34,7 +34,7 @@
             class="order-item flex-row-center-start"
             v-for="(order, index) in item.orderItmes"
             :key="order.productId"
-            :style="{ borderTop: index == 0 ? '' : '1px solid #dddddd' }"
+            :style="{ borderTop: index == 0 ? '' : '1px solid rgba(221,221,221,0.5)' }"
           >
             <image class="img" :src="order.productImg"></image>
             <view class="flex-col-start-start">
@@ -184,12 +184,12 @@ export default {
   margin-bottom: 20rpx;
   .header {
     padding: 24rpx 32rpx;
-    border-bottom: 1px solid #dddddd;
+    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
   }
   .content {
     padding: 0 32rpx;
     width: 750rpx;
-    border-bottom: 1px solid #dddddd;
+    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
     .order-item {
       width: 686rpx;
       padding: 24rpx 0;
diff --git a/pages/follow-up-records/index.vue b/pages/follow-up-records/index.vue
index 5946918..c08c34e 100644
--- a/pages/follow-up-records/index.vue
+++ b/pages/follow-up-records/index.vue
@@ -213,7 +213,7 @@ export default {
     justify-content: center;
     padding-top: 20rpx;
     background: #ffffff;
-    // border-top: 2rpx solid #dddddd;
+    // border-top: 2rpx solid rgba(221,221,221,0.5);
     // padding: 0rpx 32rpx;
     font-size: 28rpx;
     color: #007aff;
diff --git a/pages/mall/index.vue b/pages/mall/index.vue
index 098de0b..ceb9427 100644
--- a/pages/mall/index.vue
+++ b/pages/mall/index.vue
@@ -339,7 +339,7 @@ export default {
   }
   .content {
     background: #ffffff;
-    border-bottom: 2rpx solid #dddddd;
+    border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
     display: flex;
     flex-direction: row;
     padding: 24rpx 0rpx 24rpx 32rpx;
diff --git a/pages/message/platform-message.vue b/pages/message/platform-message.vue
index 03f234e..9e1b78d 100644
--- a/pages/message/platform-message.vue
+++ b/pages/message/platform-message.vue
@@ -1,113 +1,111 @@
 <template>
-	<view class="platform-message">
-		<view class="platform-message-main" @click="jumpInfo(item)">
-			<view class="platform-message-main-top">
-				<view class="platform-message-title">
-					<view class="">关于12/29日纸掌柜系统维护公告</view>
-					<view class="dian"></view>
-				</view>
-			</view>
-			<view class="platform-message-contant">尊敬的用户，您好！\u2028因服务升级需要，纸掌柜将于2021年12月29日进..</view>
-			<view class="xian"></view>
-			<view class="platform-message-bottom">
-				<view class="platform-message-bottom-title">2021/12/29 12:30:45</view>
-				<view class="platform-message-bottom-text"> 
-				<view class="platform-message-bottom-subtitle">
-					查看详情
-				</view>
-				<view class="">
-					<image class="platform-message-bottom-image" src="../../static/imgs/client-detail/arrow-right-icon.png" mode=""></image>
-				</view>
-				</view>
-			</view>
-		</view>
-	</view>
+  <view class="platform-message">
+    <view class="platform-message-main" @click="jumpInfo(item)">
+      <view class="platform-message-main-top">
+        <view class="platform-message-title">
+          <view class="">关于12/29日纸掌柜系统维护公告</view>
+          <view class="dian"></view>
+        </view>
+      </view>
+      <view class="platform-message-contant">尊敬的用户，您好！\u2028因服务升级需要，纸掌柜将于2021年12月29日进..</view>
+      <view class="xian"></view>
+      <view class="platform-message-bottom">
+        <view class="platform-message-bottom-title">2021/12/29 12:30:45</view>
+        <view class="platform-message-bottom-text">
+          <view class="platform-message-bottom-subtitle">查看详情</view>
+          <view class="">
+            <image class="platform-message-bottom-image" src="../../static/imgs/client-detail/arrow-right-icon.png" mode=""></image>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	import { back, go2 } from '@/utils/hook.js'
+import { back, go2 } from '@/utils/hook.js'
 export default {
-	data() {
-		return {}
-	},
-	methods: {
-		jumpInfo(){
-			go2('platform-message-info')
-		},
-	}
+  data() {
+    return {}
+  },
+  methods: {
+    jumpInfo() {
+      go2('platform-message-info')
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .platform-message {
-	.platform-message-main {
-		background-color: #ffffff;
-		margin: 20rpx 32rpx;
-		border-radius: 20rpx;
-	}
-	.platform-message-main-top {
-		display: flex;
-		justify-content: space-between;
-		padding: 24rpx 32rpx;
-	}
-	.platform-message-title {
-		font-size: 32rpx;
-		color: #333333;
-		letter-spacing: 0;
-		font-weight: 600;
-		display: flex;
-	}
-	.platform-message-subtitle {
-		font-size: 24rpx;
-		color: #333333;
-		font-weight: 400;
-	}
-	.platform-message-contant {
-		font-size: 28rpx;
-		color: #888888;
-		letter-spacing: 0;
-		font-weight: 400;
-		padding: 0rpx 32rpx;
-		line-height: 40rpx;
-		overflow: auto;
-		max-height: 100rpx;
-		height: 100rpx;
-	}
-	.dian {
-		background: #ff0000;
-		height: 14rpx;
-		width: 14rpx;
-		border-radius: 20rpx;
-		margin-left: 10rpx;
-	}
-	.xian {
-		border-bottom: 2rpx solid #dddddd;
-	}
-	.platform-message-bottom {
-		display: flex;
-		justify-content: space-between;
-		padding: 20rpx 32rpx;
-		align-items: center;
-		.platform-message-bottom-title {
-			font-size: 24rpx;
-			color: #333333;
-			font-weight: 400;
-		}
-		.platform-message-bottom-subtitle {
-			font-size: 28rpx;
-			color: #007aff;
-			letter-spacing: 0;
-			font-weight: 400;
-		}
-		.platform-message-bottom-image{
-			height: 40rpx;
-			width: 40rpx;
-			margin-top: 10rpx;
-		}
-		.platform-message-bottom-text{
-			display: flex;
-			align-items: center;
-		}
-	}
+  .platform-message-main {
+    background-color: #ffffff;
+    margin: 20rpx 32rpx;
+    border-radius: 20rpx;
+  }
+  .platform-message-main-top {
+    display: flex;
+    justify-content: space-between;
+    padding: 24rpx 32rpx;
+  }
+  .platform-message-title {
+    font-size: 32rpx;
+    color: #333333;
+    letter-spacing: 0;
+    font-weight: 600;
+    display: flex;
+  }
+  .platform-message-subtitle {
+    font-size: 24rpx;
+    color: #333333;
+    font-weight: 400;
+  }
+  .platform-message-contant {
+    font-size: 28rpx;
+    color: #888888;
+    letter-spacing: 0;
+    font-weight: 400;
+    padding: 0rpx 32rpx;
+    line-height: 40rpx;
+    overflow: auto;
+    max-height: 100rpx;
+    height: 100rpx;
+  }
+  .dian {
+    background: #ff0000;
+    height: 14rpx;
+    width: 14rpx;
+    border-radius: 20rpx;
+    margin-left: 10rpx;
+  }
+  .xian {
+    border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
+  }
+  .platform-message-bottom {
+    display: flex;
+    justify-content: space-between;
+    padding: 20rpx 32rpx;
+    align-items: center;
+    .platform-message-bottom-title {
+      font-size: 24rpx;
+      color: #333333;
+      font-weight: 400;
+    }
+    .platform-message-bottom-subtitle {
+      font-size: 28rpx;
+      color: #007aff;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+    .platform-message-bottom-image {
+      height: 40rpx;
+      width: 40rpx;
+      margin-top: 10rpx;
+    }
+    .platform-message-bottom-text {
+      display: flex;
+      align-items: center;
+    }
+  }
 }
 </style>
diff --git a/pages/my-offer/index.vue b/pages/my-offer/index.vue
index 442287f..7a5964e 100644
--- a/pages/my-offer/index.vue
+++ b/pages/my-offer/index.vue
@@ -1,237 +1,239 @@
 <template>
-	<view class="my-offer">
-		<view>
-			<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
-				<view class="my-offer-title">我的报价</view>
-				<view slot="left"></view>
-				<view slot="right"></view>
-			</uni-nav-bar>
-		</view>
-		<scroll-list style="touch-action: none" ref="orderRef" :option="orderOption" @load="orderUp" @refresh="orderDown">
-			<view v-for="(items, index) in orderData" :key="index" @click="myPriceInfo(items)">
-				<view class="list-border list-title-line">
-					<text class="list-title">{{items.belongEnterpriseName}}</text>
-					<text class="list-title-Subtitle">{{ controlItems[items.orderStatus - 1] }}</text>
-				</view>
-				<view class="list-border list-info-line" v-for="(item, index) in items.orderItemList" :key="index">
-					<view class="list-info" :class="index === items.orderItemList.length ? 'list-border' : ''">
-						<view class=""><image class="list-image" src="../../static/logo.png"></image></view>
-						<view class="list-info-contant">
-							<view class="list-info-title">{{ item.brandName }}{{ item.categoryName }}</view>
-							<view class="list-info-text">
-								<text>{{ item.categoryName }}/{{ item.brandName }}/</text>
-								<text>{{ item.gramWeight }}g/{{ item.length }}*{{ item.width }}/{{ item.pieceQuantity }}张</text>
-							</view>
-						</view>
-					</view>
-				</view>
-				<view class="list-border list-bottom-contant">
-					<view><text class="list-time">{{items.deliveryDay}}</text></view>
-					<view class="">
-						<text class="list-title-Subtitle">¥{{ items.totalOfferPrice }}</text>
-					</view>
-				</view>
-				<uGap></uGap>
-			</view>
-		</scroll-list>
-	</view>
+  <view class="my-offer">
+    <view>
+      <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
+        <view class="my-offer-title">我的报价</view>
+        <view slot="left"></view>
+        <view slot="right"></view>
+      </uni-nav-bar>
+    </view>
+    <scroll-list style="touch-action: none" ref="orderRef" :option="orderOption" @load="orderUp" @refresh="orderDown">
+      <view v-for="(items, index) in orderData" :key="index" @click="myPriceInfo(items)">
+        <view class="list-border list-title-line">
+          <text class="list-title">{{ items.belongEnterpriseName }}</text>
+          <text class="list-title-Subtitle">{{ controlItems[items.orderStatus - 1] }}</text>
+        </view>
+        <view class="list-border list-info-line" v-for="(item, index) in items.orderItemList" :key="index">
+          <view class="list-info" :class="index === items.orderItemList.length ? 'list-border' : ''">
+            <view class=""><image class="list-image" src="../../static/logo.png"></image></view>
+            <view class="list-info-contant">
+              <view class="list-info-title">{{ item.brandName }}{{ item.categoryName }}</view>
+              <view class="list-info-text">
+                <text>{{ item.categoryName }}/{{ item.brandName }}/</text>
+                <text>{{ item.gramWeight }}g/{{ item.length }}*{{ item.width }}/{{ item.pieceQuantity }}张</text>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="list-border list-bottom-contant">
+          <view>
+            <text class="list-time">{{ items.deliveryDay }}</text>
+          </view>
+          <view class="">
+            <text class="list-title-Subtitle">¥{{ items.totalOfferPrice }}</text>
+          </view>
+        </view>
+        <uGap></uGap>
+      </view>
+    </scroll-list>
+  </view>
 </template>
 
 <script>
 import { back, go2 } from '@/utils/hook.js'
 import uGap from '@/components/u-gap/u-gap.vue'
 import scrollList from '@/components/scroll-list/scroll-list.vue'
-import { getMyreplyList } from '@/apis/trade.js'
+import { getMyReplyList } from '@/apis/trade.js'
 export default {
-	// props: {
-	// 	queryOrderData: {
-	// 		type: Object,
-	// 		default: () => {}
-	// 	}
-	// },
-	components: {
-		uGap
-	},
+  // props: {
+  // 	queryOrderData: {
+  // 		type: Object,
+  // 		default: () => {}
+  // 	}
+  // },
+  components: {
+    uGap
+  },
 
-	data() {
-		return {
-			orderPagination: {
-				pageNum: 0, // 初始会执行一次下拉加载
-				pageSize: 10
-			},
-			orderData: [],
-			controlCurrent: 0,
-			controlItems: ['待付款', '待发货', '待收货', '已完成', '已关闭'],
-			orderOption: {
-				size: 10,
-				auto: true,
-				emptyText: '暂无报价信息~',
-				background: '#F7F8FA',
-				fontSize: '40rpx'
-			},
-			orderParams: {
-				cooperationState: 0,
-				latitude: 23.12616,
-				longitude: 113.38466,
-				km: 5
-			}
-		}
-	},
-	filters: {},
-	watch: {
-		orderParams: {
-			handler(val) {
-				this.getMyreplyListQuery()
-			},
-			deep: true
-		}
-	},
-	onLoad(option) {
-		if (option) {
-			option.latitude && (this.params.latitude = option.latitude)
-			option.longitude && (this.params.longitude = option.longitude)
-			option.km && (this.params.km = option.km)
-		}
-		this.getMyreplyListQuery()
-	},
-	methods: {
-		back,
-		// 获取我的报价
-		getMyreplyListQuery() {
-			return new Promise((resolve, reject) => {
-				getMyreplyList({...this.orderPagination })
-					.then(res => {
-						if (res) {
-							if (this.orderPagination.pageNum == 1) {
-								this.orderData = res.records
-							} else {
-								this.orderData = this.orderData.concat(res.records)
-							}
-							resolve({ list: this.orderData, total: res.total })
-						}
-					})
-					.catch(err => {
-						reject(err)
-					})
-			})
-		},
-		//订单分页
-		orderUp(page) {
-			this.orderPagination.pageNum++
-			this.getMyreplyListQuery()
-				.then(({ list, total }) => {
-					this.$refs.orderRef.loadSuccess({ list, total })
-				})
-				.catch(() => {
-					this.$refs.orderRef.loadFail()
-				})
-		},
-		//订单分页
-		orderDown() {
-			this.orderPagination.pageNum = 1
-			this.getMyreplyListQuery()
-				.then(({ list, total }) => {
-					this.$refs.orderRef.refreshSuccess({ list, total })
-				})
-				.catch(() => {
-					this.$refs.orderRef.refreshFail()
-				})
-		},
+  data() {
+    return {
+      orderPagination: {
+        pageNum: 0, // 初始会执行一次下拉加载
+        pageSize: 10
+      },
+      orderData: [],
+      controlCurrent: 0,
+      controlItems: ['待付款', '待发货', '待收货', '已完成', '已关闭'],
+      orderOption: {
+        size: 10,
+        auto: true,
+        emptyText: '暂无报价信息~',
+        background: '#F7F8FA',
+        fontSize: '40rpx'
+      },
+      orderParams: {
+        cooperationState: 0,
+        latitude: 23.12616,
+        longitude: 113.38466,
+        km: 5
+      }
+    }
+  },
+  filters: {},
+  watch: {
+    orderParams: {
+      handler(val) {
+        this.getMyReplyListQuery()
+      },
+      deep: true
+    }
+  },
+  onLoad(option) {
+    if (option) {
+      option.latitude && (this.params.latitude = option.latitude)
+      option.longitude && (this.params.longitude = option.longitude)
+      option.km && (this.params.km = option.km)
+    }
+    this.getMyReplyListQuery()
+  },
+  methods: {
+    back,
+    // 获取我的报价
+    getMyReplyListQuery() {
+      return new Promise((resolve, reject) => {
+        getMyReplyList({ ...this.orderPagination })
+          .then((res) => {
+            if (res) {
+              if (this.orderPagination.pageNum == 1) {
+                this.orderData = res.records
+              } else {
+                this.orderData = this.orderData.concat(res.records)
+              }
+              resolve({ list: this.orderData, total: res.total })
+            }
+          })
+          .catch((err) => {
+            reject(err)
+          })
+      })
+    },
+    //订单分页
+    orderUp(page) {
+      this.orderPagination.pageNum++
+      this.getMyReplyListQuery()
+        .then(({ list, total }) => {
+          this.$refs.orderRef.loadSuccess({ list, total })
+        })
+        .catch(() => {
+          this.$refs.orderRef.loadFail()
+        })
+    },
+    //订单分页
+    orderDown() {
+      this.orderPagination.pageNum = 1
+      this.getMyReplyListQuery()
+        .then(({ list, total }) => {
+          this.$refs.orderRef.refreshSuccess({ list, total })
+        })
+        .catch(() => {
+          this.$refs.orderRef.refreshFail()
+        })
+    },
 
-		//跳转我的报价详情
-		myPriceInfo(item) {
-			go2('quotation-details',item)
-		}
-	}
+    //跳转我的报价详情
+    myPriceInfo(item) {
+      go2('quotation-details', item)
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .my-offer {
-	margin-bottom: 0rpx;
-	.list-border {
-		// border-top: 1px solid #dddddd;
-		border-bottom: 2rpx solid #dddddd;
-	}
-	.list-title-line {
-		line-height: 88rpx;
-		padding-left: 48rpx;
-		background: #ffffff;
-	}
-	.my-offer-title {
-		width: 100%;
-		font-family: PingFangSC-Medium;
-		font-size: 36rpx;
-		color: #000000;
-		letter-spacing: 0;
-		text-align: center;
-		font-weight: 500;
-	}
-	.list-title {
-		font-family: PingFangSC-Semibold;
-		font-size: 30rpx;
-		color: #000000;
-		letter-spacing: 0;
-		font-weight: 600;
-	}
-	.list-title-Subtitle {
-		font-family: PingFangSC-Medium;
-		font-size: 30rpx;
-		color: #ff5368;
-		letter-spacing: 0;
-		text-align: right;
-		font-weight: 500;
-		float: right;
-		margin-right: 32rpx;
-	}
-	.list-info-line {
-		padding-left: 48rpx;
-		line-height: 70rpx;
-		background: #ffffff;
-	}
-	.list-info-contant {
-		margin-left: 48rpx;
-	}
-	.list-info-title {
-		font-family: PingFangSC-Medium;
-		font-size: 30rpx;
-		color: #333333;
-		letter-spacing: 0;
-		text-align: left;
-		font-weight: 550;
-	}
-	.list-info-text {
-		font-family: PingFangSC-Regular;
-		font-size: 26rpx;
-		color: #888888;
-		letter-spacing: 0;
-		text-align: left;
-		line-height: 64rpx;
-		font-weight: 400;
-	}
-	.list-image {
-		width: 100rpx;
-		height: 100rpx;
-		margin-top: 20rpx;
-	}
-	.list-info {
-		display: flex;
-	}
-	.list-bottom-contant {
-		align-items: center;
-		padding-left: 48rpx;
-		height: 80rpx;
-		background: #ffffff;
-		display: flex;
-		justify-content: space-between;
-	}
-	.list-time {
-		font-family: PingFangSC-Regular;
-		font-size: 26rpx;
-		color: #888888;
-		letter-spacing: 0;
-		line-height: 64rpx;
-		font-weight: 400;
-	}
+  margin-bottom: 0rpx;
+  .list-border {
+    // border-top: 1px solid rgba(221,221,221,0.5);
+    border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
+  }
+  .list-title-line {
+    line-height: 88rpx;
+    padding-left: 48rpx;
+    background: #ffffff;
+  }
+  .my-offer-title {
+    width: 100%;
+    font-family: PingFangSC-Medium;
+    font-size: 36rpx;
+    color: #000000;
+    letter-spacing: 0;
+    text-align: center;
+    font-weight: 500;
+  }
+  .list-title {
+    font-family: PingFangSC-Semibold;
+    font-size: 30rpx;
+    color: #000000;
+    letter-spacing: 0;
+    font-weight: 600;
+  }
+  .list-title-Subtitle {
+    font-family: PingFangSC-Medium;
+    font-size: 30rpx;
+    color: #ff5368;
+    letter-spacing: 0;
+    text-align: right;
+    font-weight: 500;
+    float: right;
+    margin-right: 32rpx;
+  }
+  .list-info-line {
+    padding-left: 48rpx;
+    line-height: 70rpx;
+    background: #ffffff;
+  }
+  .list-info-contant {
+    margin-left: 48rpx;
+  }
+  .list-info-title {
+    font-family: PingFangSC-Medium;
+    font-size: 30rpx;
+    color: #333333;
+    letter-spacing: 0;
+    text-align: left;
+    font-weight: 550;
+  }
+  .list-info-text {
+    font-family: PingFangSC-Regular;
+    font-size: 26rpx;
+    color: #888888;
+    letter-spacing: 0;
+    text-align: left;
+    line-height: 64rpx;
+    font-weight: 400;
+  }
+  .list-image {
+    width: 100rpx;
+    height: 100rpx;
+    margin-top: 20rpx;
+  }
+  .list-info {
+    display: flex;
+  }
+  .list-bottom-contant {
+    align-items: center;
+    padding-left: 48rpx;
+    height: 80rpx;
+    background: #ffffff;
+    display: flex;
+    justify-content: space-between;
+  }
+  .list-time {
+    font-family: PingFangSC-Regular;
+    font-size: 26rpx;
+    color: #888888;
+    letter-spacing: 0;
+    line-height: 64rpx;
+    font-weight: 400;
+  }
 }
-</style>
+</style>
diff --git a/pages/quotation-details/index.vue b/pages/quotation-details/index.vue
index d7ef22e..4fd7930 100644
--- a/pages/quotation-details/index.vue
+++ b/pages/quotation-details/index.vue
@@ -1,79 +1,79 @@
 <template>
-	<view class="quotation-details">
-		<view>
-			<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
-				<view class="submit-title">报价详情</view>
-				<view slot="left"></view>
-				<view slot="right" class="edit-price" v-if="upDataObj.replyStatus !== 30102" @click="editPrice()">修改报价</view>
-			</uni-nav-bar>
-		</view>
-		<view class="submit-main">
-			<view>
-				<text class="submit-main-title">交货要求</text>
-				<text class="" :class="upDataObj.replyStatus === 30102 ?'price-tips-gq':'price-tips'">{{ upDataObj.replyStatus | replyFilter }}</text>
-			</view>
-			<view>
-				<text class="submit-main-subTitle">询价客户：</text>
-				<text class="submit-main-subContant">{{ upDataObj.belongEnterpriseName }}</text>
-			</view>
-			<view>
-				<text class="submit-main-subTitle">交货区域：</text>
-				<text class="submit-main-subContant">{{ upDataObj.deliveryArea }}</text>
-			</view>
-			<view>
-				<text class="submit-main-subTitle">交货时间：</text>
-				<text class="submit-main-subContant">{{ upDataObj.deliveryDay }}</text>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="submit-contant" v-for="(items, index) in upDataObj.itemList" :key="index">
-			<view class="submit-contant-head">
-				<view class="submit-contant-title">{{ items.brandName }}|{{ items.gramWeight }}|{{ items.length }}*{{ items.width }}|{{ items.quantity }}</view>
-			</view>
-			<view class="submit-contant-body">
-				<view class="">
-					<text class="submit-contant-body-title">重量(吨)：</text>
-					<text class="submit-contant-body-subtitle">{{ items.wight }}</text>
-				</view>
-				<view>
-					<text class="submit-contant-body-title">单价(元/吨)：</text>
-					<text class="submit-contant-body-subtitle">{{ items.unitFee }}</text>
-				</view>
-				<view>
-					<text class="submit-contant-body-title">小计(元)：</text>
-					<text class="submit-contant-body-subtitle">{{ items.totalPrice }}</text>
-				</view>
-				<view class="submit-contant-body-input">
-					<uni-easyinput :disabled="true" maxlength="100" class="submit-contant-body-inputClass" v-model="value" placeholder="请输入内容"></uni-easyinput>
-				</view>
-			</view>
-		</view>
-		<view class="submit-contant-order">
-			<view class="">
-				<text class="submit-contant-order-title">其他费用：</text>
-				<text class="submit-contant-order-subtitle">¥ {{ upDataObj.otherFee }}</text>
-			</view>
-			<view class="">
-				<text class="submit-contant-order-title">合计：</text>
-				<text class="submit-contant-order-money">¥ {{ upDataObj.totalAllPrice }}</text>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="submit-contant-time">
-			<view class="">
-				<text class="submit-contant-time-title">有效时间：</text>
-				<text class="submit-contant-time-title">{{ upDataObj.enquiryValidTime }}</text>
-			</view>
-		</view>
-		<uGap></uGap>
-		<view class="submit-contant-remark">
-			<view class="submit-contant-remark-title">
-				<text>报价备注:</text>
-				<text>29号5点前能送达。</text>
-			</view>
-		</view>
-		<view class="tips"><text>注：禁止偷克重、抵纸换纸，否则将被平台严厉处罚！包括但不限于账号禁用。</text></view>
-	</view>
+  <view class="quotation-details">
+    <view>
+      <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
+        <view class="submit-title">报价详情</view>
+        <view slot="left"></view>
+        <view slot="right" class="edit-price" v-if="upDataObj.replyStatus !== 30102" @click="editPrice()">修改报价</view>
+      </uni-nav-bar>
+    </view>
+    <view class="submit-main">
+      <view>
+        <text class="submit-main-title">交货要求</text>
+        <text class="" :class="upDataObj.replyStatus === 30102 ? 'price-tips-gq' : 'price-tips'">{{ upDataObj.replyStatus | replyFilter }}</text>
+      </view>
+      <view>
+        <text class="submit-main-subTitle">询价客户：</text>
+        <text class="submit-main-subContant">{{ upDataObj.belongEnterpriseName }}</text>
+      </view>
+      <view>
+        <text class="submit-main-subTitle">交货区域：</text>
+        <text class="submit-main-subContant">{{ upDataObj.deliveryArea }}</text>
+      </view>
+      <view>
+        <text class="submit-main-subTitle">交货时间：</text>
+        <text class="submit-main-subContant">{{ upDataObj.deliveryDay }}</text>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="submit-contant" v-for="(items, index) in upDataObj.itemList" :key="index">
+      <view class="submit-contant-head">
+        <view class="submit-contant-title">{{ items.brandName }}|{{ items.gramWeight }}|{{ items.length }}*{{ items.width }}|{{ items.quantity }}</view>
+      </view>
+      <view class="submit-contant-body">
+        <view class="">
+          <text class="submit-contant-body-title">重量(吨)：</text>
+          <text class="submit-contant-body-subtitle">{{ items.wight }}</text>
+        </view>
+        <view>
+          <text class="submit-contant-body-title">单价(元/吨)：</text>
+          <text class="submit-contant-body-subtitle">{{ items.unitFee }}</text>
+        </view>
+        <view>
+          <text class="submit-contant-body-title">小计(元)：</text>
+          <text class="submit-contant-body-subtitle">{{ items.totalPrice }}</text>
+        </view>
+        <view class="submit-contant-body-input">
+          <uni-easyinput :disabled="true" maxlength="100" class="submit-contant-body-inputClass" v-model="value" placeholder="请输入内容"></uni-easyinput>
+        </view>
+      </view>
+    </view>
+    <view class="submit-contant-order">
+      <view class="">
+        <text class="submit-contant-order-title">其他费用：</text>
+        <text class="submit-contant-order-subtitle">¥ {{ upDataObj.otherFee }}</text>
+      </view>
+      <view class="">
+        <text class="submit-contant-order-title">合计：</text>
+        <text class="submit-contant-order-money">¥ {{ upDataObj.totalAllPrice }}</text>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="submit-contant-time">
+      <view class="">
+        <text class="submit-contant-time-title">有效时间：</text>
+        <text class="submit-contant-time-title">{{ upDataObj.enquiryValidTime }}</text>
+      </view>
+    </view>
+    <uGap></uGap>
+    <view class="submit-contant-remark">
+      <view class="submit-contant-remark-title">
+        <text>报价备注:</text>
+        <text>29号5点前能送达。</text>
+      </view>
+    </view>
+    <view class="tips"><text>注：禁止偷克重、抵纸换纸，否则将被平台严厉处罚！包括但不限于账号禁用。</text></view>
+  </view>
 </template>
 
 <script>
@@ -82,524 +82,524 @@ import qnHeader from '@/components/qn-header/qn-header.vue'
 import uGap from '@/components/u-gap/u-gap.vue'
 import { enquiryReplyDetail } from '@/apis/trade.js'
 export default {
-	components: {
-		qnHeader,
-		uGap
-	},
-	filters: {
-		replyFilter(value) {
-			var abs = ''
-			if (value) {
-				// 30128 待报价 30130 已报价 30139 转化订单 30102 已失效
-				switch (value) {
-					case 30128:
-						abs = '待报价'
-						break
-					case 30130:
-						abs = '已报价'
-						break
-					case 30139:
-						abs = '转化订单'
-						break
-					case 30102:
-						abs = '已失效'
-						break
-					default:
-						break
-				}
-			}
-		}
-	},
-	data() {
-		return {
-			value: '',
-			visible: true,
-			title: 'picker-view',
-			upDataObj: {
-				belongEnterpriseName: '东莞市隆兴纸业有限公司',
-				deliveryArea: '广东省/广州市/天河区',
-				deliveryDay: '2021/12/29 12:30',
-				enquiryValidTime: [12, 11, 10],
-				itemList: []
-			}
-		}
-	},
-	onLoad(Option) {
-		this.getDetail(Option.id)
-	},
-	methods: {
-		back,
-		// 获取详情
-		getDetail(id) {
-			enquiryReplyDetail(id)
-				.then(res => {
-					if (res) {
-						this.upDataObj = res
-						var timeb = this.upDataObj.enquiryValidTime.split(' ')
-						var timeabs = timeb[1].split(':')
-						this.$set(this.upDataObj, 'enquiryValidTimeSplit', timeabs)
-						this.$set(this.upDataObj, 'otherFee', 0)
-						this.$set(this.upDataObj, 'totalAllPrice', 0)
-						this.priceFree()
-					}
-				})
-				.catch(err => {
-					reject(err)
-				})
-		},
-		// 商品操作按钮
-		commodityModify(item) {
-			console.log(111)
-			this.$refs.popup.open('bottom')
-		},
-		// 单价操作按钮
-		priceModify() {
-			this.$refs.popupPrice.open('bottom')
-		},
-		// 事件设置
-		resetTime() {
-			this.$refs.popupTime.open('bottom')
-		},
-		// 事件选择change事件
-		bindChange(e) {
-			console.log(e.detail.value)
-		},
-		priceFree() {
-			for (let i = 0; i < this.upDataObj.itemList.length; i++) {
-				var totalAllPrice = parseFloat(this.upDataObj.totalAllPrice) + parseFloat(this.upDataObj.itemList[i].totalPrice)
-				this.upDataObj.totalAllPrice = totalAllPrice.toFixed(2)
-				var otherFee = parseFloat(this.upDataObj.otherFee) + parseFloat(this.upDataObj.itemList[i].otherFee)
-				this.upDataObj.otherFee = otherFee.toFixed(2)
-			}
-		},
-		close() {
-			this.$refs.popup.close()
-			this.$refs.popupPrice.close()
-		},
-		// 纸张选择下拉change事件
-		onchange(e) {
-			console.log(e)
-			this.pickerValue = e.detail.value
-		},
-		// 时间设置取消
-		pickerCancel() {
-			this.$refs.popupTime.close()
-		},
-		// 时间设置确认
-		pickerSure() {
-			this.$refs.popupTime.close()
-		},
-		// 修改报价按钮
-		editPrice() {
-			var params = {
-				title: '修改报价'
-			}
-			go2('submit-quotation', params)
-		}
-	}
+  components: {
+    qnHeader,
+    uGap
+  },
+  filters: {
+    replyFilter(value) {
+      var abs = ''
+      if (value) {
+        // 30128 待报价 30130 已报价 30139 转化订单 30102 已失效
+        switch (value) {
+          case 30128:
+            abs = '待报价'
+            break
+          case 30130:
+            abs = '已报价'
+            break
+          case 30139:
+            abs = '转化订单'
+            break
+          case 30102:
+            abs = '已失效'
+            break
+          default:
+            break
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      value: '',
+      visible: true,
+      title: 'picker-view',
+      upDataObj: {
+        belongEnterpriseName: '东莞市隆兴纸业有限公司',
+        deliveryArea: '广东省/广州市/天河区',
+        deliveryDay: '2021/12/29 12:30',
+        enquiryValidTime: [12, 11, 10],
+        itemList: []
+      }
+    }
+  },
+  onLoad(Option) {
+    this.getDetail(Option.id)
+  },
+  methods: {
+    back,
+    // 获取详情
+    getDetail(id) {
+      enquiryReplyDetail(id)
+        .then((res) => {
+          if (res) {
+            this.upDataObj = res
+            var timeb = this.upDataObj.enquiryValidTime.split(' ')
+            var timeabs = timeb[1].split(':')
+            this.$set(this.upDataObj, 'enquiryValidTimeSplit', timeabs)
+            this.$set(this.upDataObj, 'otherFee', 0)
+            this.$set(this.upDataObj, 'totalAllPrice', 0)
+            this.priceFree()
+          }
+        })
+        .catch((err) => {
+          reject(err)
+        })
+    },
+    // 商品操作按钮
+    commodityModify(item) {
+      console.log(111)
+      this.$refs.popup.open('bottom')
+    },
+    // 单价操作按钮
+    priceModify() {
+      this.$refs.popupPrice.open('bottom')
+    },
+    // 事件设置
+    resetTime() {
+      this.$refs.popupTime.open('bottom')
+    },
+    // 事件选择change事件
+    bindChange(e) {
+      console.log(e.detail.value)
+    },
+    priceFree() {
+      for (let i = 0; i < this.upDataObj.itemList.length; i++) {
+        var totalAllPrice = parseFloat(this.upDataObj.totalAllPrice) + parseFloat(this.upDataObj.itemList[i].totalPrice)
+        this.upDataObj.totalAllPrice = totalAllPrice.toFixed(2)
+        var otherFee = parseFloat(this.upDataObj.otherFee) + parseFloat(this.upDataObj.itemList[i].otherFee)
+        this.upDataObj.otherFee = otherFee.toFixed(2)
+      }
+    },
+    close() {
+      this.$refs.popup.close()
+      this.$refs.popupPrice.close()
+    },
+    // 纸张选择下拉change事件
+    onchange(e) {
+      console.log(e)
+      this.pickerValue = e.detail.value
+    },
+    // 时间设置取消
+    pickerCancel() {
+      this.$refs.popupTime.close()
+    },
+    // 时间设置确认
+    pickerSure() {
+      this.$refs.popupTime.close()
+    },
+    // 修改报价按钮
+    editPrice() {
+      var params = {
+        title: '修改报价'
+      }
+      go2('submit-quotation', params)
+    }
+  }
 }
 </script>
 
 <style lang="scss">
 .picker-view {
-	width: 750rpx;
-	height: 600rpx;
-	margin-top: 20rpx;
+  width: 750rpx;
+  height: 600rpx;
+  margin-top: 20rpx;
 }
 .item {
-	height: 50rpx;
-	align-items: center;
-	justify-content: center;
-	text-align: center;
-	padding-top: 30rpx;
+  height: 50rpx;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding-top: 30rpx;
 }
 .quotation-details {
-	.submit-title {
-		width: 100%;
-		font-family: PingFangSC-Medium;
-		font-size: 36rpx;
-		color: #000000;
-		letter-spacing: 0;
-		text-align: center;
-		font-weight: 500;
-	}
-	.submit-main {
-		width: 750rpx;
-		height: 260rpx;
-		padding: 24rpx 0rpx 0rpx 32rpx;
-		line-height: 52rpx;
-		background: #ffffff;
-		.submit-main-title {
-			font-family: PingFangSC-Medium;
-			font-size: 30rpx;
-			color: #000000;
-			letter-spacing: 0;
-			font-weight: 500;
-		}
-		.submit-main-subTitle {
-			font-family: PingFangSC-Regular;
-			font-size: 28rpx;
-			color: #888888;
-			letter-spacing: 0;
-			font-weight: 400;
-		}
-		.submit-main-subContant {
-			font-family: PingFangSC-Regular;
-			font-size: 28rpx;
-			color: #333333;
-			letter-spacing: 0;
-			font-weight: 400;
-		}
-	}
-	.submit-deadline {
-		width: 750rpx;
-		height: 75rpx;
-		background: #f4f9fc;
-		box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(100, 101, 102, 0.12);
-		display: flex;
-		justify-content: center;
-		.submit-text {
-			font-family: PingFangSC-Medium;
-			font-size: 28rpx;
-			color: rgba(0, 0, 0, 0.5);
-			letter-spacing: 0;
-			font-weight: 500;
-			margin-top: 22rpx;
-			width: 130rpx;
-		}
-		.submit-time {
-			width: 40rpx;
-			height: 40rpx;
-			background: #ee0a24;
-			border-radius: 8rpx;
-			margin-top: 20rpx;
-			text-align: center;
-		}
-		.submit-time-text {
-			font-family: PingFangSC-Semibold;
-			font-size: 24rpx;
-			color: #ffffff;
-			text-align: center;
-			line-height: 32rpx;
-			font-weight: 600;
-		}
-		.sbumit-colon {
-			width: 24rpx;
-			height: 32rpx;
-			font-family: PingFangSC-Regular;
-			font-size: 24rpx;
-			color: #ee0a24;
-			text-align: center;
-			line-height: 32rpx;
-			font-weight: 400;
-			margin-top: 20rpx;
-		}
-	}
-	.submit-contant {
-		background-color: #ffffff;
-		// height: 368rpx;
-		border-bottom: 2rpx solid #dddddd;
-		padding-bottom: 20rpx;
-		.submit-contant-head {
-			line-height: 90rpx;
-			width: 750rpx;
-			height: 90rpx;
-			border-bottom: 2rpx dashed #d8d8d8;
-			display: flex;
-			justify-content: space-between;
-		}
-		.submit-contant-title {
-			font-family: PingFangSC-Semibold;
-			font-size: 30rpx;
-			color: rgba(0, 0, 0, 0.75);
-			letter-spacing: 0;
-			text-align: left;
-			font-weight: 600;
-			padding: 0rpx 0rpx 0rpx 32rpx;
-		}
-		.submit-contant-body {
-			line-height: 68rpx;
-			padding-left: 32rpx;
-			.submit-contant-body-title {
-				font-family: PingFangSC-Regular;
-				font-size: 28rpx;
-				color: #555555;
-				letter-spacing: 0;
-				font-weight: 400;
-			}
-			.submit-contant-body-subtitle {
-				font-family: PingFangSC-Regular;
-				font-size: 28rpx;
-				color: #555555;
-				letter-spacing: 0;
-				font-weight: 400;
-				float: right;
-				margin-right: 32rpx;
-			}
-			.submit-contant-body-input {
-				margin-right: 32rpx;
-			}
-			.submit-contant-body-inputClass {
-				background-color: #f7f8fa;
-			}
-		}
-	}
-	.submit-contant-order {
-		width: 750rpx;
-		height: 90rpx;
-		line-height: 90rpx;
-		background: #ffffff;
-		display: flex;
-		padding-left: 32rpx;
-		padding-right: 32rpx;
-		justify-content: space-between;
-		.submit-contant-order-title {
-			width: 140rpx;
-			height: 40rpx;
-			font-family: PingFangSC-Regular;
-			font-size: 28rpx;
-			color: rgba(0, 0, 0, 0.5);
-			font-weight: 400;
-		}
-		.submit-contant-order-subtitle {
-			width: 101rpx;
-			height: 40rpx;
-			font-family: PingFangSC-Regular;
-			font-size: 28rpx;
-			color: rgba(0, 0, 0, 0.5);
-			letter-spacing: 0;
-			text-align: left;
-			font-weight: 400;
-		}
-		.submit-contant-order-money {
-			width: 172rpx;
-			height: 42rpx;
-			font-family: PingFangSC-Semibold;
-			font-size: 40rpx;
-			color: #f5222d;
-			letter-spacing: 0;
-			line-height: 42rpx;
-			font-weight: 600;
-		}
-	}
-	.submit-contant-time {
-		width: 750rpx;
-		height: 88rpx;
-		background: #ffffff;
-		line-height: 88rpx;
-		display: flex;
-		padding-left: 32rpx;
-		padding-right: 32rpx;
-		justify-content: space-between;
-		.submit-contant-time-title {
-			width: 230rpx;
-			height: 40rpx;
-			font-size: 28rpx;
-			color: #000000;
-			letter-spacing: 0;
-			font-weight: 400;
-		}
-		.submit-contant-time-subtitle {
-			width: 56rpx;
-			height: 40rpx;
-			font-size: 28rpx;
-			color: #007aff;
-			letter-spacing: 0;
-			text-align: right;
-			font-weight: 500;
-			cursor: pointer;
-		}
-	}
-	.submit-contant-remark {
-		width: 750rpx;
-		height: 88rpx;
-		background: #ffffff;
-		.submit-contant-remark-title {
-			font-family: PingFangSC-Regular;
-			font-size: 30rpx;
-			color: #000000;
-			letter-spacing: 0;
-			font-weight: 400;
-			padding: 28rpx 0rpx 0rpx 32rpx;
-		}
-		.submit-contant-remark-input {
-			background: #f7f8fa;
-			border-radius: 20rpx;
-			margin: 10rpx 32rpx 32rpx 32rpx;
-			width: 686rpx;
-		}
-	}
-	.submit-btnBg {
-		width: 750rpx;
-		height: 120rx;
-		background: #ffffff;
-		box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(100, 101, 102, 0.12);
-		padding: 12rpx 32rpx 12rpx 32rpx;
-	}
-	.submit-btn {
-		width: 686rpx;
-		height: 96rpx;
-		background: #007aff;
-		border-radius: 10rpx;
-	}
-	.submit-image {
-		width: 24.38rpx;
-		height: 20.38rpx;
-		margin-right: 32rpx;
-		cursor: pointer;
-	}
-	.submit-image-price {
-		width: 24.38rpx;
-		height: 20.38rpx;
-		margin-left: 14rpx;
-		cursor: pointer;
-	}
-	.submit-popup {
-		width: 750rpx;
-		height: 960rpx;
-		background: #ffffff;
-		border-top-right-radius: 2rpx;
-		border-top-left-radius: 2rpx;
-		padding: 20rpx 32rpx 0rpx 32rpx;
-		// line-height: 124rpx;
-		.submit-popup-input {
-			background-color: #f5f5f5;
-		}
-		.submit-popup-close {
-			display: flex;
-			justify-content: space-between;
-		}
-		.submit-popup-close-image {
-			width: 24.38rpx;
-			height: 20.38rpx;
-			cursor: pointer;
-		}
-		.submit-popup-title {
-			font-size: 30rpx;
-			color: rgba(0, 0, 0, 0.85);
-			letter-spacing: 0;
-			text-align: left;
-			font-weight: 400;
-		}
-		.submit-popup-specifications {
-			width: 320rpx;
-		}
-		.submit-popup-x {
-			font-size: 32rpx;
-			color: rgba(0, 0, 0, 0.85);
-			font-weight: 400;
-		}
-		.submit-line {
-			border-bottom: 2rpx solid #d8d8d8;
-			padding-bottom: 32rpx;
-			height: 194rpx;
-			line-height: 72rpx;
-		}
-		.submit-number-box {
-			margin-top: 24rpx;
-		}
-		.submit-number-text {
-			font-size: 24rpx;
-			color: rgba(0, 0, 0, 0.5);
-			font-weight: 400;
-		}
-		.submit-number-line {
-			line-height: 40rpx;
-		}
-		.submit-number-btn {
-			position: absolute;
-			bottom: 20rpx;
-		}
-		.submit-price {
-			line-height: 72rpx;
-		}
-		.submit-price-total {
-			display: flex;
-			justify-content: flex-end;
-			margin-top: 20rpx;
-		}
-		.submit-price-total-text {
-			font-size: 40rpx;
-			color: #f5222d;
-			letter-spacing: 0;
-			line-height: 42rpx;
-			font-weight: 600;
-		}
-		.submit-price-text {
-			font-size: 28rpx;
-			color: rgba(0, 0, 0, 0.85);
-			text-align: right;
-			font-weight: 400;
-			line-height: 40rpx;
-		}
-		.submit-price-subTitle {
-			margin-left: 20rpx;
-		}
-	}
-	.submit-check-time {
-		background-color: #ffffff;
-		padding: 28rpx 32rpx 0px 28rpx;
-		.submit-check-flex {
-			display: flex;
-			justify-content: space-between;
-		}
-		.submit-check-title {
-			font-size: 32rpx;
-			color: #323233;
-			text-align: center;
-			line-height: 44rpx;
-			font-weight: 500;
-		}
-		.submit-check-cancel {
-			font-size: 28rpx;
-			color: #969799;
-			line-height: 40rpx;
-			font-weight: 400;
-			cursor: pointer;
-		}
-		.submit-check-sure {
-			font-size: 28rpx;
-			color: #007aff;
-			line-height: 40rpx;
-			font-weight: 400;
-			cursor: pointer;
-		}
-		.submit-check-text {
-			font-size: 36rpx;
-			color: #323233;
-			line-height: 48rpx;
-			font-weight: 500;
-		}
-	}
-	.tips {
-		font-size: 24rpx;
-		color: #f5222d;
-		font-weight: 400;
-		padding: 32rpx;
-		line-height: 42rpx;
-	}
-	.edit-price {
-		font-size: 28rpx;
-		color: #007aff;
-		text-align: right;
-		line-height: 40prx;
-		font-weight: 500;
-	}
-	.price-tips {
-		font-size: 30rpx;
-		color: #ff5368;
-		letter-spacing: 0;
-		font-weight: 500;
-		float: right;
-		padding-right: 32rpx;
-	}
-	.price-tips-gq {
-		font-size: 30rpx;
-		color: #888888;
-		letter-spacing: 0;
-		font-weight: 500;
-		float: right;
-		padding-right: 32rpx;
-	}
+  .submit-title {
+    width: 100%;
+    font-family: PingFangSC-Medium;
+    font-size: 36rpx;
+    color: #000000;
+    letter-spacing: 0;
+    text-align: center;
+    font-weight: 500;
+  }
+  .submit-main {
+    width: 750rpx;
+    height: 260rpx;
+    padding: 24rpx 0rpx 0rpx 32rpx;
+    line-height: 52rpx;
+    background: #ffffff;
+    .submit-main-title {
+      font-family: PingFangSC-Medium;
+      font-size: 30rpx;
+      color: #000000;
+      letter-spacing: 0;
+      font-weight: 500;
+    }
+    .submit-main-subTitle {
+      font-family: PingFangSC-Regular;
+      font-size: 28rpx;
+      color: #888888;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+    .submit-main-subContant {
+      font-family: PingFangSC-Regular;
+      font-size: 28rpx;
+      color: #333333;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+  }
+  .submit-deadline {
+    width: 750rpx;
+    height: 75rpx;
+    background: #f4f9fc;
+    box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(100, 101, 102, 0.12);
+    display: flex;
+    justify-content: center;
+    .submit-text {
+      font-family: PingFangSC-Medium;
+      font-size: 28rpx;
+      color: rgba(0, 0, 0, 0.5);
+      letter-spacing: 0;
+      font-weight: 500;
+      margin-top: 22rpx;
+      width: 130rpx;
+    }
+    .submit-time {
+      width: 40rpx;
+      height: 40rpx;
+      background: #ee0a24;
+      border-radius: 8rpx;
+      margin-top: 20rpx;
+      text-align: center;
+    }
+    .submit-time-text {
+      font-family: PingFangSC-Semibold;
+      font-size: 24rpx;
+      color: #ffffff;
+      text-align: center;
+      line-height: 32rpx;
+      font-weight: 600;
+    }
+    .sbumit-colon {
+      width: 24rpx;
+      height: 32rpx;
+      font-family: PingFangSC-Regular;
+      font-size: 24rpx;
+      color: #ee0a24;
+      text-align: center;
+      line-height: 32rpx;
+      font-weight: 400;
+      margin-top: 20rpx;
+    }
+  }
+  .submit-contant {
+    background-color: #ffffff;
+    // height: 368rpx;
+    border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
+    padding-bottom: 20rpx;
+    .submit-contant-head {
+      line-height: 90rpx;
+      width: 750rpx;
+      height: 90rpx;
+      border-bottom: 2rpx dashed #d8d8d8;
+      display: flex;
+      justify-content: space-between;
+    }
+    .submit-contant-title {
+      font-family: PingFangSC-Semibold;
+      font-size: 30rpx;
+      color: rgba(0, 0, 0, 0.75);
+      letter-spacing: 0;
+      text-align: left;
+      font-weight: 600;
+      padding: 0rpx 0rpx 0rpx 32rpx;
+    }
+    .submit-contant-body {
+      line-height: 68rpx;
+      padding-left: 32rpx;
+      .submit-contant-body-title {
+        font-family: PingFangSC-Regular;
+        font-size: 28rpx;
+        color: #555555;
+        letter-spacing: 0;
+        font-weight: 400;
+      }
+      .submit-contant-body-subtitle {
+        font-family: PingFangSC-Regular;
+        font-size: 28rpx;
+        color: #555555;
+        letter-spacing: 0;
+        font-weight: 400;
+        float: right;
+        margin-right: 32rpx;
+      }
+      .submit-contant-body-input {
+        margin-right: 32rpx;
+      }
+      .submit-contant-body-inputClass {
+        background-color: #f7f8fa;
+      }
+    }
+  }
+  .submit-contant-order {
+    width: 750rpx;
+    height: 90rpx;
+    line-height: 90rpx;
+    background: #ffffff;
+    display: flex;
+    padding-left: 32rpx;
+    padding-right: 32rpx;
+    justify-content: space-between;
+    .submit-contant-order-title {
+      width: 140rpx;
+      height: 40rpx;
+      font-family: PingFangSC-Regular;
+      font-size: 28rpx;
+      color: rgba(0, 0, 0, 0.5);
+      font-weight: 400;
+    }
+    .submit-contant-order-subtitle {
+      width: 101rpx;
+      height: 40rpx;
+      font-family: PingFangSC-Regular;
+      font-size: 28rpx;
+      color: rgba(0, 0, 0, 0.5);
+      letter-spacing: 0;
+      text-align: left;
+      font-weight: 400;
+    }
+    .submit-contant-order-money {
+      width: 172rpx;
+      height: 42rpx;
+      font-family: PingFangSC-Semibold;
+      font-size: 40rpx;
+      color: #f5222d;
+      letter-spacing: 0;
+      line-height: 42rpx;
+      font-weight: 600;
+    }
+  }
+  .submit-contant-time {
+    width: 750rpx;
+    height: 88rpx;
+    background: #ffffff;
+    line-height: 88rpx;
+    display: flex;
+    padding-left: 32rpx;
+    padding-right: 32rpx;
+    justify-content: space-between;
+    .submit-contant-time-title {
+      width: 230rpx;
+      height: 40rpx;
+      font-size: 28rpx;
+      color: #000000;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+    .submit-contant-time-subtitle {
+      width: 56rpx;
+      height: 40rpx;
+      font-size: 28rpx;
+      color: #007aff;
+      letter-spacing: 0;
+      text-align: right;
+      font-weight: 500;
+      cursor: pointer;
+    }
+  }
+  .submit-contant-remark {
+    width: 750rpx;
+    height: 88rpx;
+    background: #ffffff;
+    .submit-contant-remark-title {
+      font-family: PingFangSC-Regular;
+      font-size: 30rpx;
+      color: #000000;
+      letter-spacing: 0;
+      font-weight: 400;
+      padding: 28rpx 0rpx 0rpx 32rpx;
+    }
+    .submit-contant-remark-input {
+      background: #f7f8fa;
+      border-radius: 20rpx;
+      margin: 10rpx 32rpx 32rpx 32rpx;
+      width: 686rpx;
+    }
+  }
+  .submit-btnBg {
+    width: 750rpx;
+    height: 120rx;
+    background: #ffffff;
+    box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(100, 101, 102, 0.12);
+    padding: 12rpx 32rpx 12rpx 32rpx;
+  }
+  .submit-btn {
+    width: 686rpx;
+    height: 96rpx;
+    background: #007aff;
+    border-radius: 10rpx;
+  }
+  .submit-image {
+    width: 24.38rpx;
+    height: 20.38rpx;
+    margin-right: 32rpx;
+    cursor: pointer;
+  }
+  .submit-image-price {
+    width: 24.38rpx;
+    height: 20.38rpx;
+    margin-left: 14rpx;
+    cursor: pointer;
+  }
+  .submit-popup {
+    width: 750rpx;
+    height: 960rpx;
+    background: #ffffff;
+    border-top-right-radius: 2rpx;
+    border-top-left-radius: 2rpx;
+    padding: 20rpx 32rpx 0rpx 32rpx;
+    // line-height: 124rpx;
+    .submit-popup-input {
+      background-color: #f5f5f5;
+    }
+    .submit-popup-close {
+      display: flex;
+      justify-content: space-between;
+    }
+    .submit-popup-close-image {
+      width: 24.38rpx;
+      height: 20.38rpx;
+      cursor: pointer;
+    }
+    .submit-popup-title {
+      font-size: 30rpx;
+      color: rgba(0, 0, 0, 0.85);
+      letter-spacing: 0;
+      text-align: left;
+      font-weight: 400;
+    }
+    .submit-popup-specifications {
+      width: 320rpx;
+    }
+    .submit-popup-x {
+      font-size: 32rpx;
+      color: rgba(0, 0, 0, 0.85);
+      font-weight: 400;
+    }
+    .submit-line {
+      border-bottom: 2rpx solid #d8d8d8;
+      padding-bottom: 32rpx;
+      height: 194rpx;
+      line-height: 72rpx;
+    }
+    .submit-number-box {
+      margin-top: 24rpx;
+    }
+    .submit-number-text {
+      font-size: 24rpx;
+      color: rgba(0, 0, 0, 0.5);
+      font-weight: 400;
+    }
+    .submit-number-line {
+      line-height: 40rpx;
+    }
+    .submit-number-btn {
+      position: absolute;
+      bottom: 20rpx;
+    }
+    .submit-price {
+      line-height: 72rpx;
+    }
+    .submit-price-total {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 20rpx;
+    }
+    .submit-price-total-text {
+      font-size: 40rpx;
+      color: #f5222d;
+      letter-spacing: 0;
+      line-height: 42rpx;
+      font-weight: 600;
+    }
+    .submit-price-text {
+      font-size: 28rpx;
+      color: rgba(0, 0, 0, 0.85);
+      text-align: right;
+      font-weight: 400;
+      line-height: 40rpx;
+    }
+    .submit-price-subTitle {
+      margin-left: 20rpx;
+    }
+  }
+  .submit-check-time {
+    background-color: #ffffff;
+    padding: 28rpx 32rpx 0px 28rpx;
+    .submit-check-flex {
+      display: flex;
+      justify-content: space-between;
+    }
+    .submit-check-title {
+      font-size: 32rpx;
+      color: #323233;
+      text-align: center;
+      line-height: 44rpx;
+      font-weight: 500;
+    }
+    .submit-check-cancel {
+      font-size: 28rpx;
+      color: #969799;
+      line-height: 40rpx;
+      font-weight: 400;
+      cursor: pointer;
+    }
+    .submit-check-sure {
+      font-size: 28rpx;
+      color: #007aff;
+      line-height: 40rpx;
+      font-weight: 400;
+      cursor: pointer;
+    }
+    .submit-check-text {
+      font-size: 36rpx;
+      color: #323233;
+      line-height: 48rpx;
+      font-weight: 500;
+    }
+  }
+  .tips {
+    font-size: 24rpx;
+    color: #f5222d;
+    font-weight: 400;
+    padding: 32rpx;
+    line-height: 42rpx;
+  }
+  .edit-price {
+    font-size: 28rpx;
+    color: #007aff;
+    text-align: right;
+    line-height: 40prx;
+    font-weight: 500;
+  }
+  .price-tips {
+    font-size: 30rpx;
+    color: #ff5368;
+    letter-spacing: 0;
+    font-weight: 500;
+    float: right;
+    padding-right: 32rpx;
+  }
+  .price-tips-gq {
+    font-size: 30rpx;
+    color: #888888;
+    letter-spacing: 0;
+    font-weight: 500;
+    float: right;
+    padding-right: 32rpx;
+  }
 }
-</style>
+</style>
diff --git a/pages/submit-quotation/index.vue b/pages/submit-quotation/index.vue
index 0f03fb7..0dc461f 100644
--- a/pages/submit-quotation/index.vue
+++ b/pages/submit-quotation/index.vue
@@ -11,15 +11,15 @@
       <view><text class="submit-main-title">交货要求</text></view>
       <view>
         <text class="submit-main-subTitle">询价客户：</text>
-        <text class="submit-main-subContant">{{ upDataObj.belongEnterpriseName }}</text>
+        <text class="submit-main-subContent">{{ upDataObj.belongEnterpriseName }}</text>
       </view>
       <view>
         <text class="submit-main-subTitle">交货区域：</text>
-        <text class="submit-main-subContant">{{ upDataObj.deliveryArea }}</text>
+        <text class="submit-main-subContent">{{ upDataObj.deliveryArea }}</text>
       </view>
       <view>
         <text class="submit-main-subTitle">交货时间：</text>
-        <text class="submit-main-subContant">{{ upDataObj.deliveryDay }}</text>
+        <text class="submit-main-subContent">{{ upDataObj.deliveryDay }}</text>
       </view>
     </view>
     <uGap></uGap>
@@ -28,33 +28,33 @@
       <view class="submit-time">
         <text class="submit-time-text">{{ upDataObj.enquiryValidTimeSplit[0] }}</text>
       </view>
-      <view class="sbumit-colon">:</view>
+      <view class="submit-colon">:</view>
       <view class="submit-time">
         <text class="submit-time-text">{{ upDataObj.enquiryValidTimeSplit[1] }}</text>
       </view>
-      <view class="sbumit-colon">:</view>
+      <view class="submit-colon">:</view>
       <view class="submit-time">
         <text class="submit-time-text">{{ upDataObj.enquiryValidTimeSplit[2] }}</text>
       </view>
     </view>
     <uGap></uGap>
-    <view class="submit-contant" v-for="(items, index) in upDataObj.itemList" :key="index">
-      <view class="submit-contant-head">
-        <view class="submit-contant-title">
+    <view class="submit-content" v-for="(items, index) in upDataObj.itemList" :key="index">
+      <view class="submit-content-head">
+        <view class="submit-content-title">
           {{ items.paperName }} | {{ items.gramWeight }}g | {{ items.length }}*{{ items.width }} | {{ items.quantity }}张
         </view>
         <view class="" v-if="upDataObj.replyStatus !== 30102" @click="commodityModify(items, index)">
           <image class="submit-image" src="../../static/imgs/trade/myPrice.png" mode=""></image>
         </view>
       </view>
-      <view class="submit-contant-body">
+      <view class="submit-content-body">
         <view class="">
-          <text class="submit-contant-body-title">重量(吨)：</text>
-          <text class="submit-contant-body-subtitle">{{ items.weight }}</text>
+          <text class="submit-content-body-title">重量(吨)：</text>
+          <text class="submit-content-body-subtitle">{{ items.weight }}</text>
         </view>
         <view>
-          <text class="submit-contant-body-title">单价(元/吨)：</text>
-          <text class="submit-contant-body-subtitle">
+          <text class="submit-content-body-title">单价(元/吨)：</text>
+          <text class="submit-content-body-subtitle">
             {{ items.unitFee }}
             <image
               v-if="upDataObj.replyStatus !== 30102"
@@ -66,41 +66,45 @@
           </text>
         </view>
         <view>
-          <text class="submit-contant-body-title">小计(元)：</text>
-          <text class="submit-contant-body-subtitle">{{ items.totalPrice }}</text>
+          <text class="submit-content-body-title">小计(元)：</text>
+          <text class="submit-content-body-subtitle">{{ items.totalPrice }}</text>
         </view>
-        <view class="submit-contant-body-input">
-          <uni-easyinput maxlength="100" class="submit-contant-body-inputClass" v-model="value" placeholder="请输入内容"></uni-easyinput>
+        <view class="submit-content-body-input">
+          <uni-easyinput maxlength="100" class="submit-content-body-inputClass" v-model="value" placeholder="请输入内容"></uni-easyinput>
         </view>
       </view>
     </view>
-    <view class="submit-contant-order">
+    <view class="submit-content-order">
       <view class="">
-        <text class="submit-contant-order-title">其他费用：</text>
-        <text class="submit-contant-order-subtitle">¥ {{ upDataObj.otherFee }}</text>
+        <text class="submit-content-order-title">其他费用：</text>
+        <text class="submit-content-order-subtitle">¥ {{ upDataObj.otherFee }}</text>
       </view>
       <view class="">
-        <text class="submit-contant-order-title">合计：</text>
-        <text class="submit-contant-order-money">¥ {{ upDataObj.totalAllPrice }}</text>
+        <text class="submit-content-order-title">合计：</text>
+        <text class="submit-content-order-money">¥ {{ upDataObj.totalAllPrice }}</text>
       </view>
     </view>
     <uGap></uGap>
-    <view class="submit-contant-time">
+    <view class="submit-content-time">
       <view class="">
-        <text class="submit-contant-time-title">有效时间：</text>
-        <text class="submit-contant-time-title">{{ upDataObj.enquiryValidTime }}</text>
+        <text class="submit-content-time-title">有效时间：</text>
+        <text class="submit-content-time-title">{{ upDataObj.enquiryValidTime }}</text>
       </view>
-      <view class="" v-if="upDataObj.replyStatus !== 30102" @click="resetTime()"><text class="submit-contant-time-subtitle">设置</text></view>
+      <view class="" v-if="upDataObj.replyStatus !== 30102" @click="resetTime()"><text class="submit-content-time-subtitle">设置</text></view>
     </view>
     <uGap></uGap>
-    <view class="submit-contant-remark">
-      <view class="submit-contant-remark-title">报价备注</view>
+    <view class="submit-content-remark">
+      <view class="submit-content-remark-title">报价备注</view>
       <view class="">
-        <uni-easyinput maxlength="200" type="textarea" class="submit-contant-remark-input" v-model="value1" placeholder="请输入内容"></uni-easyinput>
+        <uni-easyinput maxlength="200" type="textarea" class="submit-content-remark-input" v-model="value1" placeholder="请输入内容"></uni-easyinput>
       </view>
     </view>
-    <uGap></uGap>
-    <view class="submit-btnBg" v-if="upDataObj.replyStatus !== 30102"><button class="submit-btn" type="primary" @click="updateQuery()">提交报价</button></view>
+    <qn-footer fixed height="120rpx" v-if="upDataObj.replyStatus !== 30102">
+      <view class="submit-btnBg flex-row-center-center">
+        <view class="submit-btn flex-row-center-center" @click="updateQuery()"><text class="text">提交报价</text></view>
+      </view>
+    </qn-footer>
+
     <view class="">
       <uni-popup ref="popup" :mask-click="false">
         <view class="submit-popup">
@@ -170,7 +174,7 @@
               <view class="">
                 <uni-easyinput
                   :inputBorder="false"
-                  @blur="pricesUnutFee()"
+                  @blur="pricesUnitFee()"
                   class="submit-popup-input"
                   type="number"
                   v-model="prices.unitFee"
@@ -219,7 +223,7 @@
 import { back, go2 } from '@/utils/hook.js'
 import qnHeader from '@/components/qn-header/qn-header.vue'
 import uGap from '@/components/u-gap/u-gap.vue'
-import { updateEnquiryReply, enquiryReplyDetail } from '@/apis/trade'
+import { updateEnquiryReply, enquiryReplyDetail } from '@/apis/trade.js'
 import { round } from '@/utils/index.js'
 
 export default {
@@ -405,9 +409,9 @@ export default {
       this.priceFree()
     },
     // 单价合计
-    pricesUnutFee(item) {
+    pricesUnitFee(item) {
       var abs = parseFloat(this.prices.unitFee) * parseFloat(this.prices.weight)
-      this.prices.totalPrice = Math.abs(abs, 2)
+      this.prices.totalPrice = round(abs, 2)
     },
     // 单价确认报价
     pricesSure() {
@@ -432,6 +436,16 @@ export default {
     },
     //提交报价
     updateQuery() {
+      for (let i = 0; i < this.upDataObj.itemList.length; i++) {
+        let target = this.upDataObj.itemList[i]
+        if (target.weight == 0 || target.unitFee == 0 || target.totalPrice == 0) {
+          uni.showToast({
+            title: '请填写报价完整信息,费用、单价、重量不能为0',
+            icon: 'none'
+          })
+          return
+        }
+      }
       var params = {
         ...this.upDataObj,
         userId: this.$store.state.userInfo.userId
@@ -501,7 +515,7 @@ export default {
       letter-spacing: 0;
       font-weight: 400;
     }
-    .submit-main-subContant {
+    .submit-main-subContent {
       font-family: PingFangSC-Regular;
       font-size: 28rpx;
       color: #333333;
@@ -541,7 +555,7 @@ export default {
       line-height: 32rpx;
       font-weight: 600;
     }
-    .sbumit-colon {
+    .submit-colon {
       width: 24rpx;
       height: 32rpx;
       font-family: PingFangSC-Regular;
@@ -553,12 +567,12 @@ export default {
       margin-top: 20rpx;
     }
   }
-  .submit-contant {
+  .submit-content {
     background-color: #ffffff;
     // height: 368rpx;
-    border-bottom: 2rpx solid #dddddd;
+    border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
     padding-bottom: 20rpx;
-    .submit-contant-head {
+    .submit-content-head {
       line-height: 90rpx;
       width: 750rpx;
       height: 90rpx;
@@ -566,7 +580,7 @@ export default {
       display: flex;
       justify-content: space-between;
     }
-    .submit-contant-title {
+    .submit-content-title {
       font-family: PingFangSC-Semibold;
       font-size: 30rpx;
       color: rgba(0, 0, 0, 0.75);
@@ -575,17 +589,17 @@ export default {
       font-weight: 600;
       padding: 0rpx 0rpx 0rpx 32rpx;
     }
-    .submit-contant-body {
+    .submit-content-body {
       line-height: 68rpx;
       padding-left: 32rpx;
-      .submit-contant-body-title {
+      .submit-content-body-title {
         font-family: PingFangSC-Regular;
         font-size: 28rpx;
         color: #555555;
         letter-spacing: 0;
         font-weight: 400;
       }
-      .submit-contant-body-subtitle {
+      .submit-content-body-subtitle {
         font-family: PingFangSC-Regular;
         font-size: 28rpx;
         color: #555555;
@@ -594,15 +608,15 @@ export default {
         float: right;
         margin-right: 32rpx;
       }
-      .submit-contant-body-input {
+      .submit-content-body-input {
         margin-right: 32rpx;
       }
-      .submit-contant-body-inputClass {
+      .submit-content-body-inputClass {
         background-color: #f7f8fa;
       }
     }
   }
-  .submit-contant-order {
+  .submit-content-order {
     width: 750rpx;
     height: 90rpx;
     line-height: 90rpx;
@@ -611,7 +625,7 @@ export default {
     padding-left: 32rpx;
     padding-right: 32rpx;
     justify-content: space-between;
-    .submit-contant-order-title {
+    .submit-content-order-title {
       width: 140rpx;
       height: 40rpx;
       font-family: PingFangSC-Regular;
@@ -619,7 +633,7 @@ export default {
       color: rgba(0, 0, 0, 0.5);
       font-weight: 400;
     }
-    .submit-contant-order-subtitle {
+    .submit-content-order-subtitle {
       width: 101rpx;
       height: 40rpx;
       font-family: PingFangSC-Regular;
@@ -629,7 +643,7 @@ export default {
       text-align: left;
       font-weight: 400;
     }
-    .submit-contant-order-money {
+    .submit-content-order-money {
       width: 172rpx;
       height: 42rpx;
       font-family: PingFangSC-Semibold;
@@ -640,7 +654,7 @@ export default {
       font-weight: 600;
     }
   }
-  .submit-contant-time {
+  .submit-content-time {
     width: 750rpx;
     height: 88rpx;
     background: #ffffff;
@@ -649,7 +663,7 @@ export default {
     padding-left: 32rpx;
     padding-right: 32rpx;
     justify-content: space-between;
-    .submit-contant-time-title {
+    .submit-content-time-title {
       width: 230rpx;
       height: 40rpx;
       font-size: 28rpx;
@@ -657,7 +671,7 @@ export default {
       letter-spacing: 0;
       font-weight: 400;
     }
-    .submit-contant-time-subtitle {
+    .submit-content-time-subtitle {
       width: 56rpx;
       height: 40rpx;
       font-size: 28rpx;
@@ -668,11 +682,11 @@ export default {
       cursor: pointer;
     }
   }
-  .submit-contant-remark {
+  .submit-content-remark {
     width: 750rpx;
     height: 336rpx;
     background: #ffffff;
-    .submit-contant-remark-title {
+    .submit-content-remark-title {
       font-family: PingFangSC-Regular;
       font-size: 30rpx;
       color: #000000;
@@ -680,7 +694,7 @@ export default {
       font-weight: 400;
       padding: 28rpx 0rpx 0rpx 32rpx;
     }
-    .submit-contant-remark-input {
+    .submit-content-remark-input {
       background: #f7f8fa;
       border-radius: 20rpx;
       margin: 10rpx 32rpx 32rpx 32rpx;
@@ -689,16 +703,16 @@ export default {
   }
   .submit-btnBg {
     width: 750rpx;
-    height: 120rx;
-    background: #ffffff;
-    box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(100, 101, 102, 0.12);
-    padding: 12rpx 32rpx 12rpx 32rpx;
   }
   .submit-btn {
     width: 686rpx;
     height: 96rpx;
     background: #007aff;
     border-radius: 10rpx;
+    .text {
+      font-size: 36rpx;
+      color: #ffffff;
+    }
   }
   .submit-image {
     width: 24.38rpx;
diff --git a/pages/trade/orderList.vue b/pages/trade/orderList.vue
index ee742cb..b4f2388 100644
--- a/pages/trade/orderList.vue
+++ b/pages/trade/orderList.vue
@@ -6,7 +6,7 @@
       @clickItem="onClickItem"
       styleType="text"
       activeColor="#007AFF"
-      style="border-bottom: 2rpx solid #dddddd"
+      style="border-bottom: 2rpx solid rgba(221, 221, 221, 0.5)"
     >
       >
     </uni-segmented-control>
@@ -175,7 +175,7 @@ export default {
   margin-bottom: 0px;
   background: #ffffff;
   .list-border {
-    border-bottom: 2rpx solid #dddddd;
+    border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
   }
   .list-title-line {
     width: 750rpx;
diff --git a/pages/trade/quotationList.vue b/pages/trade/quotationList.vue
index 210ef61..60bd43a 100644
--- a/pages/trade/quotationList.vue
+++ b/pages/trade/quotationList.vue
@@ -200,8 +200,8 @@ export default {
 .quotation-list {
   margin-bottom: 0rpx;
   .list-border {
-    // border-top: 1px solid #dddddd;
-    border-bottom: 2rpx solid #dddddd;
+    // border-top: 1px solid rgba(221,221,221,0.5);
+    border-bottom: 2rpx solid rgba(221, 221, 221, 0.5);
   }
   .list-title-line {
     line-height: 88rpx;