diff --git a/components/base/centerList.vue b/components/base/centerList.vue
index 78878ef..d69a276 100644
--- a/components/base/centerList.vue
+++ b/components/base/centerList.vue
@@ -35,12 +35,11 @@ export default {
       if (item.text === '联系客服') {
         console.log("联系客服")
         this.$emit('open')
-      } else if (item.text === '我的挂单') {
+      } else if (item.text === '我的挂单' || item.text === '系统设置' || item.text === '关于我们' || item.text === '帮助反馈') {
+        console.log("进入"+item.text)
         uni.navigateTo({
           url: item.toPathUrl
         })
-      } else if (index === 2) {
-        console.log("关于我们")
       }
     },
 
diff --git a/pages.json b/pages.json
index a4ebbfb..193d73f 100644
--- a/pages.json
+++ b/pages.json
@@ -75,6 +75,12 @@
 			{
 				"path": "tradingPlatform/confirmOrder"
 			},
+			{
+				"path": "center/systemSet"
+			},
+			{
+				"path": "center/helpFeedback"
+			},
 			{
 				"path": "order/pendingOrder"
 			},
@@ -84,6 +90,9 @@
 			{
 				"path": "order/orderDetail2"
 			},
+			{
+				"path": "order/offerOrBillLading"
+			},
 			{
 				"path": "mine/purse"
 			},
diff --git a/pages/index/center2.vue b/pages/index/center2.vue
index 46677e7..7f6d9f5 100644
--- a/pages/index/center2.vue
+++ b/pages/index/center2.vue
@@ -66,13 +66,15 @@ export default {
         //   this.$t('pages.index.index.companyProfile')
         {text: '我的挂单', value: ">", imgUrl: '/static/image/center/14.svg', toPathUrl: '/pages_order/order/pendingOrder'},
         {text: '联系客服', value: ">", imgUrl: '/static/image/center/13.svg'},
-        {text: '系统设置', value: ">", imgUrl: '/static/image/center/12.svg'},
+        {text: '系统设置', value: ">", imgUrl: '/static/image/center/12.svg', toPathUrl: '/pages_order/center/systemSet'},
+        {text: '帮助反馈', value: ">", imgUrl: '/static/image/center/12.svg', toPathUrl: '/pages_order/center/helpFeedback'},
         {text: '关于我们', value: ">", imgUrl: '/static/image/center/13.svg'},
       ],
       purchaserList: [
         //   this.$t('pages.index.index.companyProfile')
         {text: '联系客服', value: ">", imgUrl: '/static/image/center/13.svg'},
-        {text: '系统设置', value: ">", imgUrl: '/static/image/center/12.svg'},
+        {text: '系统设置', value: ">", imgUrl: '/static/image/center/12.svg', toPathUrl: '/pages_order/center/systemSet'},
+        {text: '帮助反馈', value: ">", imgUrl: '/static/image/center/12.svg', toPathUrl: '/pages_order/center/helpFeedback'},
         {text: '关于我们', value: ">", imgUrl: '/static/image/center/13.svg'}
       ]
     }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index ee3b064..56846cc 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -13,7 +13,59 @@
 
     <!-- 供应商 -->
     <view class="supplier" v-if="userShop">
+      <!--上面第一个-->
+      <view class="topItem">
+        <view class="imageFrame">
+          <img src="../../static/image/index/4.png" style="width:100%;height:100%;">
+        </view>
+      </view>
+      <!--  下面三个-->
+      <view class="threeHeOne">
+        <!-- 第一个-->
+        <view class="oneItem">
+          <view class="left">
+            <span>Company Profile</span>
+            <span> {{ $t('pages.index.index.companyProfile') }}</span>
+            <span class="subText"> {{ $t('pages.index.index.aluminiumProduct') }}</span>
+          </view>
+          <view class="right">
+            随着全球经济的快速发展，我们这家领先的企业公司应运而生，致力于为客户提供卓越的服务和优质的产品。我们公司成立于2001年，总部位于深圳市横岗大厦，拥有广泛的业务领域和专业的团队，专注于实现客户的期望和需求。
+          </view>
+        </view>
 
+        <!-- 第二个-->
+        <view class="twoItem">
+          <view class="left">
+            <img src="../../static/image/index/2.png" style="width:100%;height:100%;">
+          </view>
+          <view class="right">
+            <img src="../../static/image/index/3.png" style="width:100%;height:100%;">
+          </view>
+        </view>
+
+        <!-- 第三个-->
+        <view class="threeItem">
+
+          <view class="right">
+              随着全球经济的快速发展，我们这家领先的企业公司应运而生，致力于为客户提供卓越的服务和优质的产品。我们公司成立于2001年，总部位于深圳市横岗大厦，拥有广泛的业务领域和专业的团队，专注于实现客户的期望和需求。
+          </view>
+          <view class="left">
+            <span>Company Profile</span>
+            <span> {{ $t('pages.index.index.companyProfile') }}</span>
+            <span class="subText"> {{ $t('pages.index.index.aluminiumProduct') }}</span>
+          </view>
+        </view>
+      </view>
+
+      <!--报价和挂单-->
+      <view class="btns">
+        <span @click="goToPage(0)" class="oneBtn">
+            供应商报价
+        </span>
+        <span @click="goToPage(1)" class="twoBtn">
+          供应商提单
+        </span>
+      </view>
     </view>
 
     <!-- 采购商 -->
@@ -93,8 +145,9 @@ export default {
     ...mapGetters(['userShop']),
   },
   methods: {
-
-
+    goToPage(titleIndex) {
+      uni.navigateTo({url:'/pages_order/order/offerOrBillLading?titleIndex='+titleIndex})
+    },
 
   }
 }
@@ -107,15 +160,168 @@ export default {
 }
 
 .page {
-  & /deep/ .uv-icon__icon {
-    font-size: 30rpx !important;
-  }
-
 
+  background-color: #2e394d;
 
   // 供应商
   .supplier {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 120rpx - 120rpx);
+    background-color: #2e394d;
+
+
+    .topItem {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 30%;
+      background-image: url('../../static/image/index/1.png');
+      background-size: cover;
+
+      .imageFrame {
+
+        width: 90%;
+        height: 90%;
+        //padding:80rpx;
+      }
+    }
+
+    .threeHeOne {
+      display: flex;
+      padding: 20rpx 40rpx 10rpx;
+      flex-direction: column;
 
+      height: 60%;
+
+
+
+      .oneItem {
+        display: flex;
+        height: 33%;
+
+        .left {
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          gap: 10rpx;
+          width: 33%;
+          background-color: #1e293d;
+          color: white;
+          font-size: 26rpx;
+
+          .subText {
+            background-color: #2e394d;
+            padding: 0 20rpx;
+          }
+        }
+
+        .right {
+          //height: 30%;
+          width: 66%;
+          padding: 20rpx;
+          background-image: url('../../static/image/index/1.png');
+          background-size: cover;
+          font-size: 20rpx;
+          color: white;
+        }
+      }
+
+      .twoItem {
+        display: flex;
+        justify-content: space-between;
+        gap: 20rpx;
+        height: 33%;
+        margin-top: 20rpx;
+        padding: 10rpx;
+
+        .left {
+          width: 60%;
+          padding: 20rpx;
+          background-color: #1e293d;
+        }
+
+        .right {
+          width: 40%;
+          padding: 20rpx;
+          background-color: #1e293d;
+        }
+      }
+
+      .threeItem {
+        display: flex;
+        //width: 100vw;
+        height: 33%;
+
+
+        .left {
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          gap: 20rpx;
+          width: 33%;
+          background-color: #1e293d;
+          color: white;
+          font-size: 26rpx;
+
+          .subText {
+            background-color: #2e394d;
+            padding: 0 20rpx;
+          }
+        }
+
+        .right {
+          //height: 200rpx;
+          width: 66%;
+          padding: 20rpx;
+          background-image: url('../../static/image/index/1.png');
+          background-size: cover;
+          font-size: 20rpx;
+          color: white;
+        }
+      }
+    }
+
+    .btns {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 40rpx;
+
+      .oneBtn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 30%;
+        height: 70rpx;
+        border-radius: 40rpx;
+        color: #1F1C39;
+
+        font-size: 28rpx;
+        margin: 20rpx 10rpx 0 0;
+        background: #f2f2f2;
+        //margin-top: 20rpx;
+        border-radius: 40rpx;
+      }
+
+      .twoBtn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 30%;
+        height: 70rpx;
+        border-radius: 40rpx;
+        color: #1F1C39;
+        font-size: 28rpx;
+        margin: 20rpx 10rpx 0 0;
+        background: #f2f2f2;
+        //margin-top: 20rpx;
+        border-radius: 40rpx;
+      }
+
+    }
   }
 
   // 采购商
@@ -130,7 +336,7 @@ export default {
       display: flex;
       justify-content: center;
       align-items: center;
-      height: 350rpx;
+      height: 280rpx;
       background-image: url('../../static/image/index/1.png');
       background-size: cover;
 
@@ -144,20 +350,19 @@ export default {
 
     .threeHeOne {
       display: flex;
-      padding: 20rpx 40rpx 40rpx;
+      padding: 20rpx 40rpx 10rpx;
       flex-direction: column;
 
 
       .oneItem {
         display: flex;
-        //width: 100vw;
 
         .left {
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
-          gap: 20rpx;
+          gap: 10rpx;
           width: 33%;
           background-color: #1e293d;
           color: white;
@@ -170,7 +375,7 @@ export default {
         }
 
         .right {
-          height: 200rpx;
+          height: 180rpx;
           width: 66%;
           padding: 20rpx;
           background-image: url('../../static/image/index/1.png');
@@ -184,7 +389,7 @@ export default {
         display: flex;
         justify-content: space-between;
         gap: 20rpx;
-        height: 300rpx;
+        height: 280rpx;
         margin-top: 20rpx;
         padding: 10rpx;
 
diff --git a/pages/index/tradingPlatform.vue b/pages/index/tradingPlatform.vue
index 784dd58..a4030b0 100644
--- a/pages/index/tradingPlatform.vue
+++ b/pages/index/tradingPlatform.vue
@@ -1,9 +1,11 @@
 <template>
   <view class="trading-platform">
 
+    <topbar showRight="0"></topbar>
+
     <view class="frame">
       <!--顶部栏-->
-      <topbar showRight="0"></topbar>
+
 
       <!--折线图-->
       <view class="chart">
@@ -18,8 +20,7 @@
         </view>
 
         <view class="supplierList">
-          <orderList :orderList="list.records" />
-
+          <orderList :orderList="list.records"/>
         </view>
       </view>
 
@@ -81,25 +82,31 @@ export default {
 <style scoped lang="scss">
 .trading-platform {
   .frame {
-    .chart {
-      border: 1px solid red;
-      height: 250rpx;
 
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: calc(100vh - 120rpx - 120rpx);
+
+    .chart {
+      height: 30%;
     }
 
     .supplier {
+      height: 70%;
       padding: 20rpx 20rpx;
       background-image: url('../../static/image/index/1.png');
       color: #FFF;
       font-size: 32rpx;
 
-      .supplierList{
+      .supplierList {
         margin-top: 20rpx;
-        height: 60vh;
+        height: 92%;
         overflow: auto;
       }
 
       .purchaser-title {
+        height: 8%;
 
         .active {
           text-decoration: underline;
@@ -120,6 +127,7 @@ export default {
     }
 
     .purchaser {
+      height: 60%;
       padding: 20rpx 0;
       background-image: url('../../static/image/index/1.png');
       color: #FFF;
diff --git a/pages_order/center/helpFeedback.vue b/pages_order/center/helpFeedback.vue
new file mode 100644
index 0000000..fcfe289
--- /dev/null
+++ b/pages_order/center/helpFeedback.vue
@@ -0,0 +1,203 @@
+<template>
+  <view class="page">
+
+    <navbar title="帮助与反馈" leftClick @leftClick="$utils.navigateBack"/>
+
+    <view class="frame">
+      <!--帮助与反馈-->
+      <view class="helpFeedback">
+        <view class="title">帮助与反馈 <span style="color: red;">*</span></view>
+        <view class="desc">
+          <textarea placeholder="请把您需要的帮助或者您发现的问题提交给我们,感谢您的参与(必填)"/>
+        </view>
+      </view>
+
+      <!--问题截图-->
+      <view class="problemImg">
+        <view class="title">问题截图 <span style="color: red;">*</span></view>
+        <view class="img">
+          <uv-upload
+              :fileList="fileList"
+              :maxCount="5"
+              multiple
+              width="150rpx"
+              height="150rpx"
+              @delete="deleteImage"
+              @afterRead="afterRead"
+              :previewFullImage="true">
+          </uv-upload>
+        </view>
+      </view>
+
+      <!--联系方式-->
+      <view class="name_phone">
+        <view class="title">联系方式 <span style="color: red;">*</span></view>
+        <view class="items">
+          <view class="item">
+            <view>联系姓名</view>
+            <view>
+              <input placeholder="请输入联系姓名" clearable></input>
+            </view>
+          </view>
+          <view class="item">
+            <view>联系电话</view>
+            <view>
+              <input placeholder="请输入联系电话" clearable></input>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!--提交反馈-->
+      <view class="btns">
+        <view @click="submitFeedback" class="btn">
+          提交反馈
+        </view>
+      </view>
+    </view>
+
+  </view>
+</template>
+<script>
+import topbar from "@/components/base/topbar.vue";
+import tabber from "@/components/base/tabbar.vue";
+
+export default {
+  name: "helpFeedback",
+  components: {tabber, topbar},
+  data() {
+    return {
+      fileList: [],
+    }
+  },
+  methods: {
+
+    // 提交反馈
+    submitFeedback() {
+
+    },
+
+    deleteImage(e) {
+      this.fileList.splice(e.index, 1)
+    },
+    afterRead(e) {
+      let self = this
+      e.file.forEach(file => {
+        self.$Oss.ossUpload(file.url).then(url => {
+          self.fileList.push({
+            url
+          })
+        })
+      })
+    },
+  },
+}
+</script>
+
+
+<style scoped lang="scss">
+.page {
+  height: 100vh;
+  background-color: #f2f5f5;
+
+  .frame {
+    padding: 40rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 40rpx;
+
+    .helpFeedback {
+      .title {
+
+      }
+
+      .desc {
+        margin-top: 20rpx;
+        height: 300rpx;
+        border-radius: 40rpx;
+        overflow: hidden;
+        padding: 20rpx;
+        font-size: 28rpx;
+        background-color: #fff;
+      }
+    }
+
+    .problemImg {
+
+      .img {
+        margin-top: 20rpx;
+        height: 150rpx;
+        border-radius: 40rpx;
+        overflow: hidden;
+        padding: 20rpx;
+        font-size: 28rpx;
+        background-color: #fff;
+      }
+    }
+
+    .name_phone {
+
+      .title {
+
+      }
+
+      .items {
+        margin-top: 20rpx;
+
+        .item {
+          display: flex;
+          align-items: center;
+          background-color: #FFF;
+          height: 80rpx;
+          padding: 10rpx 0 0 20rpx;
+          border-bottom: 1px solid #efefef;
+
+          > view:nth-of-type(1) {
+            width: 30%;
+            // font-weight: 700;
+          }
+
+          > view:nth-of-type(2) {
+            width: 70%;
+            border-radius: 10rpx;
+            overflow: hidden;
+
+
+            input {
+              background-color: #FFF;
+              font-size: 28rpx;
+              padding: 16rpx 8rpx 16rpx 15rpx;
+            }
+          }
+        }
+      }
+    }
+
+    .btns {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 20rpx;
+
+      .btn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 500rpx;
+        height: 70rpx;
+        border-radius: 40rpx;
+        color: #FFF;
+        font-size: 28rpx;
+        margin: 20rpx 10rpx 0 0;
+        background: $uni-color;
+        //margin-top: 20rpx;
+        border-radius: 40rpx;
+      }
+    }
+
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages_order/center/systemSet.vue b/pages_order/center/systemSet.vue
new file mode 100644
index 0000000..988fd6f
--- /dev/null
+++ b/pages_order/center/systemSet.vue
@@ -0,0 +1,116 @@
+<template>
+  <view class="page">
+
+    <navbar title="系统设置" leftClick @leftClick="$utils.navigateBack"/>
+
+    <view class="frame">
+      <view class="content" v-for="(item, index) in list" :key="index">
+        <view class="title">{{ item.title }}</view>
+        <view class="item" v-for="(item2, index) in item.itemList" :key="index" @click="tapItem(item, index)">
+          <view class="key">
+            <view class="img">
+              <img :src="item2.leftIcon" style="width: 100%; height: 100%;"/>
+            </view>
+            <view class="text">
+              {{ item2.text }}
+            </view>
+          </view>
+          <view class="value">
+            {{ item.rightIcon }}
+          </view>
+        </view>
+      </view>
+    </view>
+
+  </view>
+</template>
+<script>
+import topbar from "@/components/base/topbar.vue";
+import tabber from "@/components/base/tabbar.vue";
+
+export default {
+  name: "systemSet",
+  components: {tabber, topbar},
+  data() {
+    return {
+      list: [
+        {
+          title: "账号设置",
+          itemList: [
+            {leftIcon: "../static/center/1.svg", text: "切换账号", rightIcon: ">"},
+            {leftIcon: "../static/center/2.svg", text: "修改密码", rightIcon: ">"},
+          ]
+        },
+        {
+          title: "系统设置",
+          itemList: [
+            {leftIcon: "../static/center/2.svg", text: "清理缓存", rightIcon: ">"},
+            {leftIcon: "https://img95.699pic.com/photo/50058/1378.jpg_wh860.jpg", text: "版本更新", rightIcon: ">"},
+            {leftIcon: "https://img95.699pic.com/photo/50058/1378.jpg_wh860.jpg", text: "退出登录", rightIcon: ">"},
+          ]
+        },
+        {
+          title: "身份设置",
+          itemList: [
+            {leftIcon: "../static/center/4.svg", text: "切换身份", rightIcon: ">"},
+          ]
+        }
+      ]
+    }
+  },
+  methods: {},
+}
+</script>
+
+
+<style scoped lang="scss">
+.page {
+  background-color: #FFF;
+  height: 100vh;
+
+  .frame {
+    padding: 40rpx;
+
+    .content {
+      margin-bottom: 40rpx;
+
+      .title {
+        font-size: 30rpx;
+        color: #b0b0b0;
+      }
+
+      .item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 20rpx 40rpx;
+
+        .key {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          color: #333333;
+          font-size: 32rpx;
+
+          .img {
+            width: 40rpx;
+            height: 40rpx;
+          }
+
+          .text {
+            margin-left: 20rpx;
+          }
+
+
+        }
+
+        .value {
+          color: #999999;
+          font-size: 36rpx;
+        }
+      }
+    }
+
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages_order/order/offerOrBillLading.vue b/pages_order/order/offerOrBillLading.vue
new file mode 100644
index 0000000..5ccdfa2
--- /dev/null
+++ b/pages_order/order/offerOrBillLading.vue
@@ -0,0 +1,451 @@
+<template>
+  <view class="page">
+
+    <navbar :title="titleList[titleIndex]" leftClick @leftClick="$utils.navigateBack"/>
+
+    <view class="frame">
+      <view class="title">
+          <span
+              style="width: 10rpx;height: 40rpx;background-color: #1f1c39;border-radius: 10rpx;overflow: hidden;"></span>
+        <span>铝制品</span>
+      </view>
+
+      <view class="basic-info">
+
+
+        <!--供应商名称-->
+        <view class="item" v-if="titleIndex == 1">
+          <view>供应商名称</view>
+          <view>
+            华南铝业有限公司
+          </view>
+        </view>
+
+        <!--商品规格-->
+        <view class="item">
+          <view>商品规格</view>
+          <view>
+            铝制品(Al>96%)
+          </view>
+        </view>
+
+        <!--<uv-divider text="" :hairline="true"></uv-divider>-->
+
+        <!--提货地点-->
+        <view class="currentRegion">
+          <view>提货地点</view>
+          <view @click.stop="selectAddr">
+            <input class="input"
+                   disabled
+                   v-model="form.currentRegion" placeholder="请选择所在地区"></input>
+            <view class="orientation">
+              <!-- 定位 -->
+              <img src="../../static/image/address/selectIcon.png"
+                   style="width:30rpx;height: 30rpx;margin:5rpx 5rpx 5rpx 5rpx;">
+            </view>
+          </view>
+        </view>
+
+
+        <!--详细地址-->
+        <view class="item">
+          <view>详细地址</view>
+          <view>
+            <input v-model="form.address" placeholder="请输入详细地址" clearable></input>
+          </view>
+        </view>
+
+        <!--交货日期-->
+        <view class="delivery-date">
+          <view>交货日期</view>
+          <view class="value">
+            <view class="dateTimeCls">
+              <view class="date" @click="startDateOpen">
+                {{ form.deliveryDate }}
+                <uv-datetime-picker ref="startDateRef" v-model="form.deliveryDate" mode="date"
+                                    @confirm="startDateChange"></uv-datetime-picker>
+              </view>
+              <view class="img">
+                >
+
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!--暂定数量-->
+        <view class="tentativeQuantity">
+          <view class="key">暂定数量(吨)</view>
+          <view class="value">
+            <uv-number-box></uv-number-box>
+          </view>
+        </view>
+
+        <!--单价-->
+        <view class="item">
+          <view>单价</view>
+          <view>
+            <input disabled clearable placeholder="默认为铝品单价"></input>
+          </view>
+        </view>
+
+        <!--&lt;!&ndash;履约保证金&ndash;&gt;-->
+        <!--<view class="performanceBond">-->
+        <!--  <view class="key">履约保证金</view>-->
+        <!--  <view class="value">-->
+        <!--    <input v-model="form.performanceBond" clearable></input>-->
+        <!--  </view>-->
+        <!--</view>-->
+
+        <!--<view class="Tip">-->
+        <!--  <span class="span">(单价*数量*2%)</span>-->
+        <!--</view>-->
+        ‘
+        <!--提交报价和提交审核-->
+        <view class="btns">
+          <span @click="confirmBtn" class="ljxd">
+            {{titleIndex == 0? '提交报价' : '提交审核'}}
+          </span>
+          <span @click="contactUs" class="lxwm">
+            联系我们
+          </span>
+          <span class="tip">如有问题，请联系我们</span>
+        </view>
+
+
+      </view>
+    </view>
+
+    <!-- 联系客服弹框 -->
+    <customerServicePopup ref="customerServicePopup"/>
+
+  </view>
+</template>
+<script>
+import topbar from "@/components/base/topbar.vue";
+import tabber from "@/components/base/tabbar.vue";
+import customerServicePopup from "@/components/config/customerServicePopup.vue";
+import Position from "@/utils/position";
+import dayjs from "dayjs";
+
+export default {
+  name: "offer",
+  components: {customerServicePopup, tabber, topbar},
+  onLoad(options) {
+    this.titleIndex = options.titleIndex;
+  },
+  data() {
+    return {
+      titleIndex:0,
+      titleList:['供应商报价','供应商挂单'],
+      form: {
+        address: "",
+        longitude: "",
+        latitude: "",
+        deliveryDate: dayjs(new Date()).format("YYYY-MM-DD"),
+
+      }
+    }
+  },
+  methods: {
+    // 提交报价/提交审核
+    confirmBtn() {
+      console.log(this.form);
+    },
+
+
+    startDateChange(val) {
+      this.$nextTick(() => {
+        this.form.deliveryDate = dayjs(val.value).format("YYYY-MM-DD")
+      });
+    },
+    startDateOpen() {
+      this.$refs.startDateRef.open();
+    },
+
+    // 联系我们
+    contactUs() {
+      this.$refs.customerServicePopup.open()
+    },
+
+    //地图上选择地址
+    selectAddr() {
+      Position.getLocation(res => {
+        Position.selectAddress(res.longitude, res.latitude, success => {
+          this.setAddress(success)
+        })
+      })
+      Position.getLocationDetail(res => {
+        console.log(res);
+        this.form.address = res
+      })
+    },
+  },
+}
+</script>
+
+
+<style scoped lang="scss">
+.page {
+  height: 100vh;
+
+  .frame {
+    background-color: #FFF;
+
+    .title {
+      display: flex;
+      font-size: 30rpx;
+      font-weight: 700;
+      padding: 0rpx 0 0rpx 20rpx;
+      margin: 20rpx 0 0 0;
+
+      > span:nth-of-type(1) {
+        margin: 4rpx 0 0 8rpx;
+        background-color: #FFF;
+      }
+
+      > span:nth-of-type(2) {
+        margin: 0 0 0 8rpx;
+        background-color: #FFF;
+      }
+    }
+
+    .basic-info {
+      display: flex;
+      flex-direction: column;
+      gap: 5rpx;
+      //margin-top: 20rpx;
+      padding: 20rpx 20rpx 20rpx 20rpx;
+
+      .delivery-date {
+        display: flex;
+        align-items: center;
+        background-color: #FFF;
+        height: 80rpx;
+        // margin: 10rpx 0 0 0;
+        padding: 10rpx 0 0 20rpx;
+
+        > view:nth-of-type(1) {
+          width: 30%;
+          // font-weight: 700;
+        }
+
+
+        .value {
+          width: 70%;
+          border-radius: 10rpx;
+          overflow: hidden;
+
+          .dateTimeCls {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: 100%;
+            height: 80%;
+            //border: 1px solid #b0b2b3;
+            padding: 5rpx;
+            border-radius: 20rpx;
+
+            .date {
+              font-size: 30rpx;
+              display: flex;
+              align-items: center;
+              width: 80%;
+              height: 100%;
+              color: #000;
+
+            }
+
+            .img {
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              //margin-left: 50rpx;
+              width: 20%;
+              //height: 100%;
+            }
+          }
+
+        }
+
+
+      }
+
+      .tentativeQuantity {
+        display: flex;
+        align-items: center;
+        background-color: #FFF;
+        height: 80rpx;
+        // margin: 10rpx 0 0 0;
+        padding: 10rpx 0 0 20rpx;
+
+        .key {
+          width: 30%;
+        }
+
+        .value {
+          width: 70%;
+          border-radius: 10rpx;
+          overflow: hidden;
+        }
+
+      }
+
+
+      .Tip {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .span {
+          color: #999;
+          font-size: 24rpx;
+        }
+      }
+
+      .btns {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 20rpx;
+
+        .ljxd {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 500rpx;
+          height: 70rpx;
+          border-radius: 40rpx;
+          color: #FFF;
+          font-size: 28rpx;
+          margin: 20rpx 10rpx 0 0;
+          background: $uni-color;
+          //margin-top: 20rpx;
+          border-radius: 40rpx;
+        }
+
+        .lxwm {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 500rpx;
+          height: 70rpx;
+          border-radius: 40rpx;
+          color: #000000;
+          font-size: 28rpx;
+          margin: 20rpx 10rpx 0 0;
+          background: #f1f1f1;
+          //margin-top: 20rpx;
+          border-radius: 40rpx;
+        }
+
+        .tip {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 24rpx;
+          color: #999;
+          //width: 500rpx;
+        }
+      }
+
+      .item {
+        display: flex;
+        align-items: center;
+        background-color: #FFF;
+        height: 80rpx;
+        // margin: 10rpx 0 0 0;
+        padding: 10rpx 0 0 20rpx;
+
+        > view:nth-of-type(1) {
+          width: 30%;
+          // font-weight: 700;
+        }
+
+        > view:nth-of-type(2) {
+          width: 70%;
+          border-radius: 10rpx;
+          overflow: hidden;
+
+
+          input {
+            background-color: #FFF;
+            font-size: 28rpx;
+            padding: 16rpx 8rpx 16rpx 15rpx;
+          }
+        }
+      }
+
+      .performanceBond {
+        display: flex;
+        align-items: center;
+        background-color: #FFF;
+        height: 80rpx;
+        // margin: 10rpx 0 0 0;
+        padding: 10rpx 0 0 20rpx;
+
+        .key {
+          width: 30%;
+          // font-weight: 700;
+        }
+
+        .value {
+          width: 70%;
+          border-radius: 10rpx;
+          overflow: hidden;
+
+
+          input {
+            background-color: #FFF;
+            font-size: 28rpx;
+            padding: 16rpx 8rpx 16rpx 15rpx;
+          }
+        }
+      }
+
+      .currentRegion {
+        display: flex;
+        align-items: center;
+        background-color: #FFF;
+        height: 80rpx;
+        // margin: 10rpx 0 0 0;
+        padding: 10rpx 0 0 20rpx;
+
+        > view:nth-of-type(1) {
+          width: 30%;
+          // font-weight: 700;
+        }
+
+        > view:nth-of-type(2) {
+          width: 70%;
+          padding: 0 20rpx 0 0;
+          display: flex;
+
+          .input {
+            background-color: #f5f5f5;
+            // color: #a4a4a4;
+            font-size: 28rpx;
+            padding: 8rpx 8rpx 8rpx 15rpx;
+            width: 350rpx;
+          }
+
+          .orientation {
+            display: flex;
+            padding: 10rpx 10rpx 10rpx 20rpx;
+            font-size: 30rpx;
+            color: #FBAB32;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+          }
+
+
+        }
+      }
+
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages_order/static/center/1.svg b/pages_order/static/center/1.svg
new file mode 100644
index 0000000..2054a7e
--- /dev/null
+++ b/pages_order/static/center/1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15.777" height="12.51" viewBox="0 0 15.777 12.51"><defs><style>.a{fill:#333;stroke:#333;stroke-width:0.5px;}</style></defs><g transform="translate(0.26 0.281)"><path class="a" d="M324.545,108.387h14.168a.545.545,0,0,0,.385-.93l-3.814-3.814a.545.545,0,0,0-.77.77L337.4,107.3H324.545a.545.545,0,1,0,0,1.09Zm14.168,2.18H324.545a.545.545,0,0,0-.385.93l3.814,3.814a.544.544,0,1,0,.77-.77l-2.883-2.885h12.851a.545.545,0,1,0,0-1.09Zm0,0" transform="translate(-324 -103.491)"/></g></svg>
\ No newline at end of file
diff --git a/pages_order/static/center/2.svg b/pages_order/static/center/2.svg
new file mode 100644
index 0000000..5514154
--- /dev/null
+++ b/pages_order/static/center/2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12.261" height="11.947" viewBox="0 0 12.261 11.947"><defs><style>.a{fill:#030000;}</style></defs><g transform="translate(-1.497 -0.015)"><path class="a" d="M366.7,79.826a.1.1,0,0,0-.019.034l-.617,2.278a.394.394,0,0,0,.1.377.389.389,0,0,0,.373.1L368.782,82s.005,0,.008,0a.1.1,0,0,0,.07-.03l6-6.049a.971.971,0,0,0,.276-.692,1.189,1.189,0,0,0-.35-.828l-.567-.572a1.172,1.172,0,0,0-.822-.353.961.961,0,0,0-.687.278l-6,6.051c-.006.006,0,.014-.009.021Zm7.576-4.5-.6.6-.967-.99.588-.592a.279.279,0,0,1,.38.027l.567.573a.313.313,0,0,1,.093.217.232.232,0,0,1-.065.164Zm-6.508,4.592,4.333-4.366.967.991L368.745,80.9l-.976-.982m-.79,1.77.313-1.158.835.841-1.148.317m7.678-3.965a.417.417,0,0,0-.415.418v5.011a1.229,1.229,0,0,1-1.161,1.164H364.87c-.523,0-1.066-.517-1.162-1.479V75.207c0-1.194.868-1.165,1.162-1.165h5.47a.417.417,0,0,0,0-.834h-5.533c-.716,0-1.927.449-1.927,1.622V82.9a1.983,1.983,0,0,0,1.927,2.251h8.338a1.816,1.816,0,0,0,1.927-1.936V78.142a.418.418,0,0,0-.414-.416Zm0,0" transform="translate(-361.383 -73.193)"/></g></svg>
\ No newline at end of file
diff --git a/pages_order/static/center/3.svg b/pages_order/static/center/3.svg
new file mode 100644
index 0000000..5397f5d
--- /dev/null
+++ b/pages_order/static/center/3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.933" height="11.947" viewBox="0 0 11.933 11.947"><defs><style>.a{fill:none;}.b{clip-path:url(#a);}</style><clipPath id="a"><rect class="a" width="11.933" height="11.947"/></clipPath></defs><g transform="translate(-1.661 -0.011)"><g transform="translate(-296.339 0.011)"><g transform="translate(298)"><g class="b" transform="translate(0)"><path d="M309.922,4.772a2.761,2.761,0,0,0-.119-1.192c-.278-.437-.675-.358-1.351-.358h-2.82V1.872a4.328,4.328,0,0,0-.04-.755A1.384,1.384,0,0,0,304.8.164a1.646,1.646,0,0,0-.636-.119,2.109,2.109,0,0,0-.715.04A1.35,1.35,0,0,0,302.335,1.2a1.783,1.783,0,0,0-.04.477V3.263h-2.781c-.675-.04-1.112-.119-1.39.318A2.76,2.76,0,0,0,298,4.772v1.39a.812.812,0,0,0,.794.636V8.864a10.393,10.393,0,0,1-.079,1.629c-.04.159-.04.318-.079.437a1.017,1.017,0,0,0,0,.834c.159.238.437.2.794.2h9.057c.318,0,.556.04.755-.119.238-.2.159-.477.079-.794-.04-.119-.04-.278-.079-.4a9.23,9.23,0,0,1-.119-1.867V6.8a.735.735,0,0,0,.755-.6,1.905,1.905,0,0,0,0-.477V4.772Zm-1.629,6.2h-1.47V9.142c0-.278.04-.636-.079-.794a.48.48,0,0,0-.477-.238c-.516.079-.437.516-.437,1.073V10.97H304.48V9.142c0-.278.04-.636-.079-.794a.48.48,0,0,0-.477-.238c-.516.079-.437.516-.437,1.073V10.97h-1.351V9.142c0-.278.04-.636-.079-.794a.481.481,0,0,0-.477-.238c-.516.079-.437.516-.437,1.073V10.97h-1.51c.04-.2.04-.4.079-.6,0-.2.04-.358.04-.556V6.838h8.342V9.182a6.835,6.835,0,0,0,.079,1.311,1.387,1.387,0,0,1,.119.477Zm.636-5.164H299V4.256h3.019c.4,0,.953.079,1.112-.159.159-.2.119-.437.119-.755V1.952a2.044,2.044,0,0,1,.04-.715c.119-.2.318-.2.636-.2h.278c.4.079.358.4.358.834V3.3c0,.238-.04.516.079.675.2.318.675.238,1.152.238h3.059V5.805Zm0,0" transform="translate(-298 -0.035)"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/pages_order/static/center/4.svg b/pages_order/static/center/4.svg
new file mode 100644
index 0000000..2054a7e
--- /dev/null
+++ b/pages_order/static/center/4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15.777" height="12.51" viewBox="0 0 15.777 12.51"><defs><style>.a{fill:#333;stroke:#333;stroke-width:0.5px;}</style></defs><g transform="translate(0.26 0.281)"><path class="a" d="M324.545,108.387h14.168a.545.545,0,0,0,.385-.93l-3.814-3.814a.545.545,0,0,0-.77.77L337.4,107.3H324.545a.545.545,0,1,0,0,1.09Zm14.168,2.18H324.545a.545.545,0,0,0-.385.93l3.814,3.814a.544.544,0,1,0,.77-.77l-2.883-2.885h12.851a.545.545,0,1,0,0-1.09Zm0,0" transform="translate(-324 -103.491)"/></g></svg>
\ No newline at end of file
diff --git a/pages_order/tradingPlatform/nowOrder.vue b/pages_order/tradingPlatform/nowOrder.vue
index 62c7c7f..eceab53 100644
--- a/pages_order/tradingPlatform/nowOrder.vue
+++ b/pages_order/tradingPlatform/nowOrder.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="now-order">
-    <navbar title="立即下单" leftClick @leftClick="$utils.navigateBack"/>
+    <navbar title="" leftClick @leftClick="$utils.navigateBack"/>
 
     <view class="frame">
       <view class="title">
@@ -119,6 +119,7 @@ import dayjs from "dayjs";
 import customerServicePopup from '@/components/config/customerServicePopup.vue'
 
 export default {
+  name: "nowOrder",
   components: {
     topbar,customerServicePopup,
   },