From 514c61c88115b574e14a745a425d6e1274bcbbfc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Fri, 18 Apr 2025 15:20:48 +0800
Subject: [PATCH 1/3] tijiao

---
 config/baseUrl.js                             |    4 +-
 main.js                                       |    4 +
 .../commonComponents/orderSubmit.vue          | 2311 +++++++++++++++
 .../commonComponents/selectGoods.vue          |    1 +
 .../component/commonComponents/selectVip.vue  |  393 +++
 pages/goods/order/index.vue                   | 2630 ++---------------
 pages/hufen/hufen.vue                         |    2 +-
 pages/mine/mine/index.vue                     | 2049 +++++++------
 pages/mine/vip/index.vue                      |  623 ++--
 static/icon/vip.png                           |  Bin 5507 -> 4289 bytes
 10 files changed, 4449 insertions(+), 3568 deletions(-)
 create mode 100644 pages/component/commonComponents/orderSubmit.vue
 create mode 100644 pages/component/commonComponents/selectVip.vue

diff --git a/config/baseUrl.js b/config/baseUrl.js
index 2ac48b2..6618fb9 100644
--- a/config/baseUrl.js
+++ b/config/baseUrl.js
@@ -2,8 +2,8 @@ let baseUrl = "";
 let socketUrl = "";
 if (process.env.NODE_ENV === 'development') {
 	// 开发环境
-	//baseUrl = "https://api.nuttyreading.com/"; //线上正式
-	baseUrl = "http://192.168.110.100:9200/pb/"; //张川川
+	baseUrl = "https://api.nuttyreading.com/"; //线上正式
+	// baseUrl = "http://192.168.110.100:9200/pb/"; //张川川
 } else if (process.env.NODE_ENV === 'production') {
 	// 生产环境11
 	baseUrl = "https://api.nuttyreading.com/";
diff --git a/main.js b/main.js
index 7dc6157..c5103c6 100644
--- a/main.js
+++ b/main.js
@@ -86,6 +86,8 @@ import config from 'uview-ui/libs/config/config'
 Vue.component("mescroll-body", MescrollBody);
 import commonList from '@/pages/component/commonComponents/list.vue'
 Vue.component('common-list', commonList);
+import commonOrderSubmit from '@/pages/component/commonComponents/orderSubmit.vue'
+Vue.component('common-order-submit', commonOrderSubmit);
 import commonVideo from '@/pages/component/commonComponents/video/index.vue'
 Vue.component('common-video', commonVideo);
 import commonCoupon from '@/pages/component/commonComponents/coupon/index.vue'
@@ -108,6 +110,8 @@ import commonAddress from '@/pages/component/commonComponents/address/index.vue'
 Vue.component('common-address', commonAddress);
 import commonSelectGoods from '@/pages/component/commonComponents/selectGoods.vue'
 Vue.component('common-select-goods', commonSelectGoods);
+import commonSelectVip from '@/pages/component/commonComponents/selectVip.vue'
+Vue.component('common-select-vip', commonSelectVip);
 import commonAdvertisement from '@/pages/component/commonComponents/advertisement.vue'
 Vue.component('common-advertisement', commonAdvertisement);
 import commonVideoIos from '@/pages/component/commonComponents/video/ios.nvue'
diff --git a/pages/component/commonComponents/orderSubmit.vue b/pages/component/commonComponents/orderSubmit.vue
new file mode 100644
index 0000000..4fa0b1e
--- /dev/null
+++ b/pages/component/commonComponents/orderSubmit.vue
@@ -0,0 +1,2311 @@
+<template>
+  <view>
+    <!-- 公共组件-每个页面必须引入 -->
+
+    <view class="contentBox commonPageContentBox order_box">
+      <view
+        v-show="isShowAddress"
+        class="order_top common_radius_box color_shandow goods_box address_box"
+        @click="goToAddress"
+      >
+        <u-icon
+          name="map-fill"
+          color="#258feb"
+          size="23"
+          style="display: inline-block; margin-right: 10rpx"
+        ></u-icon>
+        <view class="normal_box" v-if="addressData.consigneeName">
+          <view class="normal_box_top">
+            <view class="curriulum_title">{{ addressData.address }} </view>
+            <view class="user_info">
+              <text class="name"> {{ addressData.consigneeName }} </text>
+              <text class="tel"> {{ addressData.consigneePhone }} </text>
+            </view>
+          </view>
+        </view>
+        <view class="normal_box" v-else>
+          <view class="normal_box_top">
+            <view class="curriulum_title">请添加收货地址 </view>
+          </view>
+        </view>
+        <view class="right">
+          <image
+            src="@/static/icon/icon_right.png"
+            class="rightArrow"
+            style=""
+          ></image>
+        </view>
+      </view>
+
+      <view class="order_top common_radius_box color_shandow goods_box">
+        <view
+          class="curriulum_title_box goods_item"
+          style="position: relative"
+          v-for="(v, i) in goodsDataList"
+        >
+          <slot name="goodsInfoLabelSlot" :row="v" :rowIndex="i"></slot>
+          <slot name="goodsInfoImgSlot" :row="v" :rowIndex="i"></slot>
+
+          <view class="normal_box">
+            <view
+              class="normal_box_top"
+              style="justify-content: space-between; position: relative"
+            >
+              <view class="curriulum_title">
+                <slot name="goodsInfoNameSlot" :row="v" :rowIndex="i"></slot>
+              </view>
+            </view>
+            <view>
+              <slot name="goodsInfoPriceSlot" :row="v" :rowIndex="i"></slot>
+
+              <u-number-box
+                v-model="orderNumber"
+                style="float: right"
+                v-if="showNumber"
+              >
+                <view slot="minus" class="minus">
+                  <u-icon name="minus" size="12"></u-icon>
+                </view>
+                <text
+                  slot="input"
+                  style="width: auto; text-align: center; border: none"
+                  class="input"
+                  >{{ orderNumber }}</text
+                >
+                <view slot="plus" class="plus">
+                  <u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
+                </view>
+              </u-number-box>
+              <text v-else style="float: right"> X {{ orderNumber }}</text>
+            </view>
+          </view>
+        </view>
+        <view
+          class="pay_box"
+          style="margin-top: 20rpx"
+          v-if="!options.isFudu && !options.isVip"
+        >
+          <view
+            @click="openOrderModal(v)"
+            class="curriulum_title_box goods_item pay_item"
+            v-for="(v, i) in orderInfoList"
+            :key="i"
+          >
+            <view class="top">
+              <view class="left">
+                <text> {{ v.text }}</text>
+              </view>
+              <view class="right" style="display: flex; align-items: center">
+                <text
+                  style="
+                    float: left;
+                    text-align: right;
+                    color: #b0b0b0;
+                    font-size: 24rpx;
+                    display: inline-block;
+                    width: 200rpx;
+                  "
+                  :class="remark ? 'hidden1 hasRemark' : 'hidden1'"
+                >
+                  {{ remark == "" ? v.placeholder : remark }}</text
+                >
+                <image
+                  src="@/static/icon/icon_right.png"
+                  class="rightArrow"
+                  style=""
+                ></image>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="order_top common_radius_box color_shandow goods_box pay_box">
+        <view class="title">价格明细</view>
+
+        <view
+          class="curriulum_title_box goods_item pay_item"
+          v-for="(v, i) in priceBreakdownList"
+          :key="i"
+        >
+          <view class="top">
+            <view class="left">
+              <image
+                v-if="v.imgUrl"
+                class="pay_item_img"
+                :src="v.imgUrl"
+                mode="aspectFil"
+                :style="v.style"
+              >
+              </image>
+              <u-icon
+                v-if="v.icon"
+                name="map-fill"
+                color="#018F89"
+                size="23"
+                style="display: inline-block"
+              ></u-icon>
+
+              <text v-if="v.type == 6">
+                <span
+                  style="color: #f94f04; font-weight: bold; margin-right: 2px"
+                  >VIP</span
+                >
+                专享立减</text
+              >
+              <text v-else> {{ v.text }}</text>
+              <template v-if="v.type == 4">
+                <text style="color: #aaa; margin-left: 10rpx">
+                  (全部积分：{{ initData.user.jf }})</text
+                >
+              </template>
+            </view>
+            <view class="right">
+              <template v-if="v.type == 1">
+                ￥{{ Number(totalPrice).toFixed(2) }}</template
+              >
+              <template v-if="v.type == 2">
+                <text>
+                  ￥{{
+                    isShowAddress ? freightNum.toFixed(2) : Number(0).toFixed(2)
+                  }}</text
+                >
+              </template>
+              <template v-if="v.type == 3">
+                <template v-if="!curCoupon.id">
+                  <view
+                    v-if="couponHistoryList.length > 0"
+                    @click="showCouponPup = true"
+                    style="display: flex; align-items: center"
+                  >
+                    <text
+                      style="color: #999"
+                      v-if="selectcouponList.length == 0"
+                      >不可用
+                    </text>
+                    <text
+                      style="
+                        color: #ec4729;
+                        background-color: #fceeeb;
+                        padding: 1rpx 20rpx;
+                        border-radius: 10rpx;
+                        line-height: 34rpx;
+                      "
+                      v-else
+                      >共 {{ selectcouponList.length }} 张
+                    </text>
+
+                    <image
+                      src="@/static/icon/icon_right.png"
+                      class="rightArrow"
+                      style=""
+                    ></image>
+                  </view>
+                  <template v-else>
+                    <text style="color: #999">暂无可用优惠券</text>
+                  </template>
+                </template>
+                <template v-else>
+                  <text style="color: #fe6035"
+                    >- ￥ {{ curCoupon.couponEntity.couponAmount }}</text
+                  >
+                  <text
+                    @click="showCouponPup = true"
+                    style="
+                      display: inline-block;
+                      margin-left: 20rpx;
+                      background-color: #fe6035;
+                      color: #fff;
+                      border-radius: 30rpx;
+                      font-size: 26rpx;
+                      border: 4rpx #fe6035 solid;
+                    "
+                    >重新选择</text
+                  >
+                </template>
+              </template>
+
+              <template v-if="v.type == 4">
+                <text style="color: #fe6035"> -￥{{ jfNumberShow }}</text>
+              </template>
+              <template v-if="v.type == 5">
+                <text style="color: #fa2d12"
+                  >- ￥{{ districtAmount.toFixed(2) }}</text
+                >
+              </template>
+              <template v-if="v.type == 6">
+                <text style="color: #fa2d12"
+                  >- ￥{{ vipPrice.toFixed(2) }}</text
+                >
+              </template>
+            </view>
+          </view>
+
+          <view
+            class="bottom jf_box"
+            v-if="v.type == 4 && initData.user.jf > 0"
+          >
+            <view class="jf_box">
+              <text style="color: #258feb; font-weight: 600"
+                >可用积分({{ jfNumberMax }}分)</text
+              >
+              <view class="jf_input">
+                <u--input
+                  type="number"
+                  @input="handleChangejf"
+                  @clear="jfNumber = 0"
+                  :max="jfNumberMax"
+                  :min="0"
+                  v-model="jfNumber"
+                  placeholder="请输入积分"
+                  border="surround"
+                  clearable
+                ></u--input>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="order_top common_radius_box color_shandow goods_box pay_box">
+        <view class="title">支付方式</view>
+        <!-- 商品是安卓环境支付，或者商品列表中没有课程 -->
+        <view
+          class="curriulum_title_box goods_item pay_item"
+          v-for="(v, i) in payList"
+        >
+          <view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
+            <view class="left">
+              <image
+                class="pay_item_img"
+                :src="v.imgUrl"
+                mode="aspectFil"
+                :style="v.style"
+              >
+              </image>
+              <template v-if="v.type == 4">
+                <text> {{ v.text }}</text>
+                <text
+                  style="color: #258feb; font-weight: 600; margin-left: 10rpx"
+                >
+                  (余额：{{
+                    initData && initData.user ? initData.user.peanutCoin : 0
+                  }})</text
+                >
+              </template>
+
+              <text v-else> {{ v.text }}</text>
+            </view>
+
+            <template v-if="isDefaultCurrency">
+              <radio
+                v-if="i == 2"
+                :value="v.value"
+                color="#258feb"
+                :checked="selectPayIndex == i ? true : false"
+                @click="radioChange(i)"
+                size="10"
+              />
+            </template>
+            <template v-else>
+              <radio
+                :value="v.value"
+                color="#258feb"
+                :checked="selectPayIndex == i ? true : false"
+                @click="radioChange(i)"
+                size="10"
+              />
+            </template>
+          </view>
+        </view>
+        <template v-if="selectPayIndex == 2 || $platform == 'ios'">
+          <view
+            class="goods_detail_list_title bg_box_shandow color_shandow bg_color"
+          >
+            <view
+              class="linlanzhifu"
+              style="
+                width: 100%;
+                overflow: hidden;
+                justify-content: space-between;
+              "
+            >
+              <view class="linlanzhifu">
+                <u-icon
+                  name="error-circle"
+                  color="#258feb"
+                  size="20"
+                  style="display: inline-block; margin-right: 10rpx"
+                ></u-icon>
+                确保您的天医币足够支付
+              </view>
+
+              <text
+                class="fdButtonBox aui-text-danger fdButtonBoxRed"
+                style="float: right"
+                @click="
+                  onPageJump('/pages/mine/wallet/recharge/index?source=order')
+                "
+                >立即充值</text
+              >
+            </view>
+
+            <view class="other_info" style="margin-top: 12rpx">
+              <view class="explain" style="margin-bottom: 10rpx"> 说明 </view>
+              <view class="explain"> 1. 1天医币 = 1元人民币 </view>
+              <view class="explain">
+                2.若有疑问或意见请致电客服
+                <span style="font-size: 15px"
+                  ><u @click="gotoPhone">022-24142321</u></span
+                >
+              </view>
+              <view class="explain">
+                3.非中国大陆用户可以信用卡支付。简单快捷，推荐使用！
+                支付时使用的信用卡需要带有Visa或MasterCard的标识。请向邮箱
+                <text
+                  @click="fnCopy('publisher@tmrjournals.com', '邮箱')"
+                  class="aui-text-success"
+                  style="text-decoration: underline; color: #258feb"
+                >
+                  publisher@tmrjournals.com
+                </text>
+                （点击复制）发送支付请求，内容需包含：拟购买的课程名称、支付金额、APP注册姓名及手机号码，或者加一路健康客服微信（
+                <text
+                  class="aui-text-success"
+                  @click="fnCopy('yilujiankangkefu', '微信名')"
+                  style="text-decoration: underline; color: #258feb"
+                >
+                  yilujiankangkefu </text
+                >）（点击复制）联系我们，我们将在24小时内向您的邮箱或者微信发送支付链接，根据提示即可完成信用卡支付，无需兑换外币。
+              </view>
+            </view>
+          </view>
+        </template>
+      </view>
+
+      <template>
+        <common-sticky
+          label="title"
+          :itemStyle="`width:${
+            cateList.length == 2 ? '50' : '33'
+          }%;padding-left: 15px; padding-right: 15px; height: 68rpx;`"
+          :list="cateList"
+          :currentCateIndex="currentCateIndex"
+          @handleselectCate="handleselectCate"
+        >
+        </common-sticky>
+      </template>
+    </view>
+    <view class="goods_nav_box">
+      <common-goods-nav
+        :iconList="[]"
+        :customButton="customButton"
+        @submit="goBuyJie"
+      >
+        <!-- leftSlot -->
+        <template slot="leftSlot" slot-scope="slotProps">
+          <view class="price_box order_bottom_box">
+            <text class="price"
+              >合计:
+
+              <text class="total">
+                <template v-if="actualPayment > 0">
+                  ￥{{ Number(actualPayment).toFixed(2) }}
+                </template>
+                <text
+                  style="margin: 0 4rpx"
+                  v-if="actualPayment > 0 && jfNumber > 0"
+                >
+                  +
+                </text>
+
+                <text v-if="jfNumber > 0">{{ jfNumber }} 积分</text>
+              </text>
+            </text>
+          </view>
+        </template>
+      </common-goods-nav>
+    </view>
+
+    <u-popup :show="show" mode="right">
+      <common-address
+        backState="3000"
+        ref="commonAddress"
+        @fresh="handleFresh"
+        @selectAddress="selectAddress"
+      ></common-address
+    ></u-popup>
+    <u-popup :show="orderModalShow" mode="bottom" :round="20">
+      <view class="orderModalShow popup_box">
+        <u-icon
+          name="close"
+          color="#333"
+          size="18"
+          @click="closeOrderModalShow"
+          style="
+            display: inline-block;
+            position: absolute;
+            right: 20rpx;
+            top: 20rpx;
+          "
+        ></u-icon>
+        <view v-if="orderModalShowInfo.type == 'remark'">
+          <view class="order_top common_radius_box goods_box">
+            <view class="curriulum_title_box goods_item">
+              <view class="title">订单备注</view>
+              <u--textarea
+                v-model="content"
+                placeholder="选填：给商家留言"
+                count
+                class="textarea"
+              ></u--textarea>
+            </view>
+          </view>
+        </view>
+        <view class="goods_nav_box">
+          <uni-goods-nav
+            :fill="true"
+            :options="[]"
+            :button-group="customButtonGroup1"
+            @click="onHandleClickBuy"
+            @buttonClick="onHandleClickBuy"
+          />
+        </view>
+      </view>
+    </u-popup>
+    <order-coupon
+      v-if="showCouponPup"
+      :sumMeony="totalPrice"
+      :selectcouponList="selectcouponList"
+      :curCouponId="curCouponId"
+      :list="couponHistoryList"
+      ref="orderCoupon"
+      @confirmCoupon="confirmCoupon"
+      @close="closeCoupon"
+    ></order-coupon>
+  </view>
+</template>
+
+<script>
+import orderCoupon from "@/components/orderCoupon.vue";
+import courseDescription from "@/pages/component/commonComponents/list";
+import { setPay, setPayAssign, setWXPay } from "@/config/utils";
+import $http from "@/config/requestConfig.js";
+const { platform } = uni.getSystemInfoSync();
+import { mapState } from "vuex";
+export default {
+  props: [
+    "options",
+    "pageType",
+    "goodsDataList",
+    "showNumber",
+    "isHideAddress",
+    "priceKey",
+    "initData",
+    "urlList",
+  ],
+  components: {
+    courseDescription, //课程说明
+    orderCoupon, // 优惠券弹出
+  },
+  watch: {
+    isDefaultCurrency: {
+      immediate: true,
+      handler(newRoute) {
+        if (this.isDefaultCurrency) {
+          if (platform == "ios") {
+            this.selectPayIndex = 0;
+          } else {
+            this.selectPayIndex = 0;
+          }
+        } else {
+          if (platform == "ios") {
+            this.selectPayIndex = 0;
+          } else {
+            this.selectPayIndex = 0;
+          }
+        }
+
+        this.payType = this.payList[this.selectPayIndex].type;
+        if (this.actualPayment == 0) {
+          var that = this;
+          this.payList.forEach((e, i) => {
+            if (e.type == 4) {
+              that.selectPayIndex = i;
+              that.payType = 4;
+            }
+          });
+          this.$forceUpdate();
+        }
+        this.$forceUpdate();
+      },
+    },
+    orderNumber: {
+      immediate: true,
+      handler(newRoute) {
+        if (this.orderNumber >= 1) {
+          this.$nextTick(async () => {
+            await this.getGoodsList();
+            // await this.getVipFei();
+            // await this.getDistrictAmount();
+            // await this.getActiveCouponList();
+          });
+        }
+        this.$forceUpdate();
+      },
+    },
+  },
+  data() {
+    return {
+      vipPrice: 0,
+      districtAmount: 0,
+      historyOrderInfo: undefined, //上一个订单的参数
+      isDefaultCurrency: false,
+      isShowAddress: false,
+      jfNumber: 0,
+      orderNumber: 1,
+      totalPrice: 0,
+      actualPayment: 0,
+      jfNumberShow: "",
+      jfNumberMax: 0,
+      selectcouponList: [],
+
+      orderModalShowInfo: {},
+      orderModalShow: false,
+      payType: 1,
+      freightNum: 0,
+      addressData: {
+        address: "",
+        consigneeName: "",
+        consigneePhone: "",
+      },
+      selectPayIndex: 1,
+      farePrice: 0,
+      payList: [],
+      priceBreakdownList: [],
+      orderInfoList: [
+        {
+          text: "订单备注",
+          placeholder: "点击填写订单备注",
+          imgUrl: "",
+          type: "remark",
+        },
+      ],
+      number: 1,
+      detailInfo: {},
+      content: "",
+      remark: "",
+      iconList: [],
+      buyingFlag: false, // 购买进行中flag
+      swiperList: [],
+
+      relatedCoursesList: [], //相关课程
+      curriculumData: {},
+      curriculumInfo: {},
+      detailInfo: {},
+      fdButtonStyle: {
+        width: "120rpx",
+        "border-color": "#258feb",
+        color: "#258feb",
+        float: "right",
+        "margin-right": "20rpx",
+        "margin-left": "30rpx",
+      },
+      modalInfo: {},
+      canjump: true, // 是否可以跳转到其他页面
+      currentCateIndex: 0,
+      show: false,
+      playData: {},
+
+      taiHuClassInfo: {},
+      searchValue: "",
+      teachingList: [
+        {
+          title: "临床实践",
+
+          type: "02",
+          apiUrl: "app/phoneDoctor.do?getTaiHuToShine",
+        },
+        {
+          title: "学习问答",
+          type: "03",
+          oid: "8a9fb99809e4428888aad6b56a3096a6",
+        },
+        {
+          title: "学习心得",
+
+          type: "01",
+        },
+        {
+          title: "在线作业",
+
+          type: "04",
+          oid: "d0f47071c2194e94845fbb373d06f59d",
+        },
+      ], // 一级分类标题1
+      cateList: [], // 一级分类标题1
+      twoCateList: [], // 二级分类标题
+      dataList: [], // 方剂标题
+      defaultAddressList: {},
+      allDataList: [], // 方剂标题
+      currentStatusIndex: 0, // 当前选中的一级分类
+
+      curTwoCateIndex: 0, // 当前选中的二级分类
+      searchList: [], // 搜索结果数组
+      showSearchList: false,
+      userMes: {}, // 用户信息
+      searchDisable: false, // 搜索不可用
+      limitShow: false,
+      limitTitle: "提示",
+      goToInfo: {},
+      limitContent: "",
+      scrollViewHeight: 0,
+
+      customButton: [
+        {
+          width: "200rpx",
+          text: "立即支付",
+          backgroundColor: "linear-gradient(90deg,  #3C77BE 0%,#258feb 100%)",
+          color: "#fff",
+        },
+      ],
+      customButtonGroup1: [
+        {
+          with: 200,
+          text: "确定",
+          backgroundColor: "linear-gradient(90deg,  #3C77BE 0%,#258feb 100%)",
+          color: "#fff",
+        },
+      ],
+      haveCourse: false, // 结算队列是否有课程类型的商品
+      isAndroid: null, //操作系统
+      beizhuShow: false, // 是否显示天医币说明？
+      couponHistoryList: [], // 可用优惠券
+      showCouponPup: false, // 是否显示优惠券弹窗
+      curCoupon: {}, // 选中的优惠券信息
+      curCouponId: undefined,
+    };
+  },
+
+  async mounted() {
+    this.curCouponId = undefined;
+    var that = this;
+    await uni.$on("returnData", function (data) {
+      if (data) {
+        that.addressData = {
+          ...data,
+          address: `${data.province}${data.city}${data.county}${data.detailAddress}`,
+          consigneeName: data.consigneeName,
+          consigneePhone: data.consigneePhone,
+        };
+        that.$forceUpdate();
+
+        that.getUserAddress();
+      } else {
+      }
+    });
+
+    if (platform == "ios") {
+      this.payList = [
+        {
+          text: "天医币",
+          imgUrl: require("@/static/icon/pay_3.png"),
+          type: 4,
+          value: "2",
+        },
+      ];
+      this.selectPayIndex = 0;
+      this.payType = 4;
+    } else {
+      this.payList = [
+        {
+          text: "支付宝",
+          imgUrl: require("@/static/icon/pay_1.png"),
+          type: 2,
+          value: "0",
+        },
+        {
+          text: "微信",
+          imgUrl: require("@/static/icon/pay_2.png"),
+          type: 1,
+          value: "1",
+        },
+        {
+          text: "天医币",
+          imgUrl: require("@/static/icon/pay_3.png"),
+          type: 4,
+          value: "2",
+        },
+      ];
+      this.selectPayIndex = 1;
+      this.payType = 1;
+    }
+  },
+  computed: {
+    ...mapState(["userInfo"]),
+  },
+  methods: {
+    async getGoodsList() {
+      //获取商品信息
+      //   await this.getGoodsDataInfo();
+      await this.initPrepareOrder();
+      this.$nextTick(async () => {
+        if (this.pageType == "vip") {
+          await this.getTotalPrice();
+        } else {
+          await this.getVipFei();
+          await this.getDistrictAmount();
+          await this.getActiveCouponList();
+        }
+
+        var list = [...this.goodsDataList];
+        list = list.map((e) => e.goodsType);
+        this.haveCourse = list.some((ele) => ele === "05");
+        if (this.options.sourceType == "curriculum") {
+          this.goToInfo = {
+            url: "/pages/curriculum/order/index/index",
+            type: 2,
+          };
+        } else {
+          this.goToInfo = {
+            url: "/pages/bookShop/orderList",
+            type: 1,
+          };
+        }
+      });
+    },
+    async getVipFei() {
+      let key = [];
+      let dataToString = "";
+      this.goodsDataList.forEach((item, index) => {
+        key.push({
+          productId: item.productId,
+          quantity: this.orderNumber,
+        });
+      });
+
+      await $http
+        .request({
+          url: "/book/buyOrder/getVipDiscountAmount",
+          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+          data: {
+            productList: key,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then(async (res) => {
+          if (res.code == 0) {
+            console.log("res.code at line 538:", res);
+            this.vipPrice = res.discountAmount;
+            await this.getTotalPrice();
+          }
+        });
+    },
+    async getDistrictAmount() {
+      let key = [];
+      let dataToString = "";
+
+      this.goodsDataList.forEach((item, index) => {
+        key.push({
+          productId: item.productId,
+          quantity: this.orderNumber,
+        });
+        //	dataToString = dataToString.concat(item.productId+"="+item.productAmount+"&")
+      });
+      console.log(key, "this.adressMoRen.areaidpath");
+
+      await $http
+        .request({
+          // url: "book/buyOrder/calculateTransportPrice/",
+          url: "/book/buyOrder/getDistrictAmount",
+          // url: "book/buyorder/getTransPrice/" + this.adressMoRen.areaidpath + "?" + dataToString,
+          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+          data: {
+            productList: key,
+          },
+          header: {
+            //默认 无 说明：请求头
+            "Content-Type": "application/json",
+          },
+        })
+        .then(async (res) => {
+          if (res.code == 0) {
+            console.log("res.code at line 538111111111111111:", res);
+            this.districtAmount = res.districtAmount;
+            // console.log('需要的运费', res.result)
+            await this.getTotalPrice();
+          }
+        });
+    },
+    closeCoupon() {
+      this.showCouponPup = false;
+    },
+    confirmCoupon(data) {
+      if (data) {
+        this.curCoupon = data;
+        this.curCouponId = data.couponEntity.id;
+      } else {
+        this.curCoupon = {};
+        this.curCouponId = undefined;
+      }
+
+      this.getTotalPrice();
+    },
+    // 查询商品可用优惠券
+    async getActiveCouponList() {
+      var list = [];
+      this.goodsDataList.forEach((e) => {
+        var str = `${e.productId}:${
+          e.activityPrice > 0 ? e.activityPrice : e[this.priceKey]
+        }:${this.orderNumber}`;
+        list.push(str);
+      });
+
+      var idsString = list.join(",");
+      this.$http
+        .request({
+          url: "common/coupon/getCouponListPayment",
+          method: "POST",
+          data: {
+            shopProductInfos: idsString,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+
+        .then(async (res) => {
+          if (res.code != 0) {
+            uni.showToast({
+              title: res.errMsg,
+              icon: "none",
+            });
+            if (this.isShowAddress) {
+              await this.getUserAddress();
+            } else {
+              await this.getTotalPrice();
+            }
+
+            return;
+          }
+          if (res.code == 0) {
+            this.couponHistoryList = res.couponHistoryList;
+
+            this.selectcouponList = this.couponHistoryList.filter(
+              (item) => item.canUse != 0
+            );
+            console.log(
+              "this.selectcouponList at line 984:",
+              this.selectcouponList
+            );
+            if (
+              this.selectcouponList.filter(
+                (item) => item.couponId == this.curCouponId
+              ).length == 0
+            ) {
+              this.curCoupon = {};
+              this.curCouponId = undefined;
+            }
+          } else {
+            this.couponHistoryList = [];
+
+            this.selectcouponList = [];
+          }
+
+          if (this.selectcouponList.length == 0) {
+            this.curCoupon = {};
+            this.curCouponId = undefined;
+          }
+
+          this.$forceUpdate();
+          if (this.isShowAddress) {
+            await this.getUserAddress();
+          } else {
+            await this.getTotalPrice();
+          }
+        })
+        .catch((e) => {
+          uni.showToast({
+            title: e.errMsg,
+            icon: "none",
+          });
+        });
+    },
+    handleChangejf(val) {
+      var value = val;
+      this.$nextTick(() => {
+        // 1. 只允许数字字符，并去掉小数点后的部分
+        value = value.replace(/[^0-9.]/g, ""); // 删除非数字和小数点字符
+
+        // 2. 如果有小数点，只保留小数点前的部分
+        if (value.indexOf(".") !== -1) {
+          value = value.split(".")[0]; // 截取小数点前的部分
+        }
+
+        // 如果输入为0，强制设置为0并显示为 "0"
+        if (val == 0) {
+          this.jfNumber = 0;
+          this.jfNumberShow = "0";
+        } else {
+          // 3. 强制转换为正整数
+          let numericValue = parseInt(value, 10); // 使用parseInt转换为整数
+          if (numericValue < 0 || isNaN(numericValue)) {
+            numericValue = 0;
+          }
+
+          // 4. 确保最大值限制
+          if (numericValue >= this.jfNumberMax) {
+            numericValue = this.jfNumberMax;
+          }
+
+          // 更新最终的数字值和显示
+          this.jfNumber = Math.max(0, numericValue); // 强制为正整数
+          this.jfNumberShow = this.jfNumber.toString(); // 显示整数
+        }
+
+        // 计算实际支付金额
+        var couponAmount = 0;
+        if (this.curCouponId && this.curCoupon.couponEntity.id) {
+          couponAmount = this.curCoupon.couponEntity.couponAmount;
+        }
+        this.actualPayment =
+          this.totalPrice -
+          couponAmount -
+          this.jfNumber +
+          this.freightNum -
+          this.districtAmount -
+          this.vipPrice;
+
+        // 如果实际支付金额为0，设置支付方式为默认货币
+        if (this.actualPayment == 0) {
+          console.log("this.actualPayment at line 1097:", this.actualPayment);
+          this.isDefaultCurrency = true;
+          var that = this;
+          this.payList.forEach((e, i) => {
+            if (e.type == 4) {
+              that.selectPayIndex = i;
+              that.payType = 4;
+            }
+          });
+          this.$forceUpdate();
+        } else {
+          this.isDefaultCurrency = false;
+        }
+        this.$forceUpdate();
+      });
+    },
+    onHandleClickBuy() {
+      this.orderModalShow = false;
+      this.remark = this.content;
+    },
+    closeOrderModalShow() {
+      if (this.orderModalShowInfo.type == "remark") {
+        this.content = "";
+      }
+      this.orderModalShow = false;
+    },
+    onPageJump(url) {
+      console.log(url, "url");
+      uni.navigateTo({
+        url: url,
+      });
+    },
+    // 获取订单初始话
+    async initPrepareOrder() {
+      if (this.options.isFudu) {
+        this.priceBreakdownList = [
+          {
+            text: "商品总价",
+            imgUrl: "",
+            type: 1,
+          },
+          {
+            text: "运费",
+            imgUrl: "",
+            type: 2,
+          },
+        ];
+      } else {
+        this.priceBreakdownList = [
+          {
+            text: "商品总价",
+            imgUrl: "",
+            type: 1,
+          },
+          {
+            text: "运费",
+            imgUrl: "",
+            type: 2,
+          },
+
+          {
+            text: "优惠券",
+            imgUrl: "",
+            type: 3,
+          },
+        ];
+      }
+      if (
+        this.goodsDataList[0].activityPrice &&
+        this.goodsDataList[0].activityPrice > 0
+      ) {
+        this.priceBreakdownList.push({
+          text: "活动立减",
+          imgUrl: "",
+          type: 5,
+        });
+      }
+      if (
+        this.goodsDataList[0].isVipPrice &&
+        this.goodsDataList[0].vipPrice &&
+        this.goodsDataList[0].vipPrice > 0
+      ) {
+        this.priceBreakdownList.push({
+          text: "VIP专享立减",
+          imgUrl: "",
+          type: 6,
+        });
+      }
+
+      this.isShowAddress = !this.isHideAddress;
+      if (!this.isShowAddress) {
+        this.priceBreakdownList.push({
+          text: "积分",
+          imgUrl: require("@/static/icon/jifen.png"),
+          type: 4,
+        });
+      }
+    },
+    // 获取地址列表
+    async getUserAddress() {
+      var data = {};
+
+      var that = this;
+
+      this.$http
+        .request({
+          url: `${this.urlList.addressList}?userId=${this.userInfo.id}`,
+          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+          data,
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+
+        .then(async (res) => {
+          console.log("res at line 374:", res);
+          if (res.code == 0) {
+            if (res.list.length > 0) {
+              var index = res.list.findIndex((e) => e.isDefault == 1);
+              console.log("index at line 37711111111111111111111111:", index);
+              if (index >= 0) {
+                that.defaultAddressList = {
+                  ...res.list[index],
+
+                  address: `${res.list[index].province}${res.list[index].city}${
+                    res.list[index].county
+                  }${
+                    res.list[index].detailAddress
+                      ? res.list[index].detailAddress
+                      : ""
+                  }`,
+                };
+              } else {
+                console.log(that.defaultAddressList, "11111111111111");
+                that.defaultAddressList = {
+                  ...res.list[0],
+                  address: `${res.list[0].province}${res.list[0].city}${
+                    res.list[0].county
+                  }${
+                    res.list[0].detailAddress ? res.list[0].detailAddress : ""
+                  }`,
+                };
+              }
+            } else {
+              this.defaultAddressList = {};
+            }
+          }
+          if (!this.addressData.id) {
+            this.addressData = this.defaultAddressList;
+          }
+          if (this.defaultAddressList.id) {
+            console.log("有默认地址");
+            await this.getFreightNum();
+          }
+          this.$forceUpdate();
+        });
+    },
+
+    //获取运费
+    async getFreightNum() {
+      console.log("this.userInfo.id at line 368:", this.userInfo.id);
+      var data = {
+        products: this.goodsDataList.map((e) => {
+          return {
+            productId: e.productId,
+            quantity: this.orderNumber,
+          };
+        }),
+        regionCode: this.addressData.regionCode,
+      };
+
+      var that = this;
+
+      this.$http
+        .request({
+          url: `${this.urlList.freightNum}`,
+          method: "POST",
+          data,
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+
+        .then(async (res) => {
+          console.log("res at line 37411:", res);
+          if (res.code == 0) {
+            this.freightNum = res.result;
+          }
+          await this.getTotalPrice();
+          this.$forceUpdate();
+        });
+    },
+    handleFresh() {
+      this.show = false;
+    },
+    async getReturnData() {},
+    async getTotalPrice() {
+      var s = 0;
+      var that = this;
+      for (var i = this.goodsDataList.length - 1; i >= 0; i--) {
+        s += this.goodsDataList[i][this.priceKey];
+      }
+      that.totalPrice = s * this.orderNumber;
+      console.log("that.totalPrice at line 1226:", that.totalPrice);
+      var couponAmount = 0;
+      var couponData = this.selectcouponList.filter(
+        (e) => e.couponId == that.curCouponId
+      );
+      if (this.curCoupon.couponId) {
+        couponAmount = that.curCoupon.couponEntity.couponAmount;
+      } else {
+        couponAmount = 0;
+      }
+      if (!this.isShowAddress) {
+        if (that.initData.user && that.initData.user.jf) {
+          var totalMoney =
+            that.totalPrice - that.districtAmount - that.vipPrice;
+          if (this.initData.user.jf >= totalMoney) {
+            const integerPart = Math.floor(totalMoney);
+
+            this.jfNumber = integerPart - couponAmount; // 设置 jfNumber
+            this.jfNumberMax = integerPart - couponAmount; // 设置 jfNumberMax
+          } else {
+            if (this.initData.user.jf >= couponAmount) {
+              this.jfNumber = this.initData.user.jf - couponAmount;
+              this.jfNumberMax = this.initData.user.jf - couponAmount;
+            } else {
+              this.jfNumber = this.initData.user.jf;
+              this.jfNumberMax = this.initData.user.jf;
+            }
+          }
+        } else {
+          this.jfNumber = 0;
+        }
+
+        if (that.jfNumber == 0 || that.jfNumber == null) {
+          that.jfNumberShow = "0.00";
+          that.actualPayment = that.totalPrice - couponAmount;
+        } else {
+          that.jfNumberShow = that.jfNumber.toFixed(2);
+          that.actualPayment = that.totalPrice - that.jfNumber - couponAmount;
+        }
+        that.actualPayment =
+          that.actualPayment +
+          that.freightNum -
+          that.districtAmount -
+          that.vipPrice;
+      } else {
+        that.actualPayment =
+          that.totalPrice +
+          that.freightNum -
+          couponAmount -
+          that.districtAmount -
+          that.vipPrice;
+      }
+      if (this.actualPayment == 0 && !this.isShowAddress) {
+        this.isDefaultCurrency = true;
+      } else {
+        this.isDefaultCurrency = false;
+      }
+      this.$forceUpdate();
+    },
+    selectAddress(data) {
+      this.show = false;
+    },
+    goToAddress() {
+      uni.navigateTo({
+        url: "/pages/component/commonComponents/address/index?type=order",
+      });
+    },
+    fnCopy(value, title) {
+      this.$commonJS.handleMakingPhoneCalls(value, title);
+    },
+
+    gotoPhone() {
+      this.$commonJS.handleMakingPhoneCalls("022-24142321");
+    },
+    openOrderModal(v) {
+      this.orderModalShowInfo = v;
+      console.log(
+        "this.orderModalShowInfo at line 727:",
+        this.orderModalShowInfo
+      );
+      this.orderModalShow = true;
+      if (this.orderModalShowInfo.type == "remark") {
+        this.content = this.remark;
+      }
+    },
+    async goBuyJie() {
+      if (this.buyingFlag) {
+        uni.showToast({
+          title: "操作太频繁了，休息下吧",
+          icon: "none",
+        });
+        return;
+      }
+      this.buyingFlag = true;
+      var that = this;
+      this.nowClick = false;
+      setTimeout(() => {
+        this.nowClick = true;
+      }, 5000);
+      let xiaBiao = [];
+      let data = {};
+
+      if (
+        this.payType == 4 &&
+        this.initData.user.peanutCoin < Number(this.actualPayment)
+      ) {
+        uni.showToast({
+          title: "天医币余额不足",
+          icon: "none",
+        });
+        return;
+      }
+      if (this.pageType == "fudu") {
+        data = {
+          jfDeduction: this.jfNumber,
+          paymentMethod: this.payType, //支付方式   2支付宝，1微信，3ios内购    4，天医币购买
+          orderMoney: this.totalPrice, //订单金额
+          realMoney: this.actualPayment, //实收金额
+          remark: this.goodsDataList
+            .map((e) => e.productId + "," + e.productName)
+            .join(","), //productId,商品名
+          come: "2",
+        };
+      } else if (this.pageType == "vip") {
+        data = {
+          paymentMethod: this.payType, //1微信2支付宝3苹果支付4虚拟币
+          orderMoney: this.totalPrice, //订单金额
+          realMoney: this.actualPayment, //实际金额
+          shippingMoney: 0, //运费
+          jfDeduction: this.jfNumber,
+          vipBuyConfigId: this.goodsDataList[0].id,
+          come: 2, //订单来源，0疯子读书1国学众妙之门2医学吴门医述
+        };
+      } else {
+        if (this.options.goods[0].goodsType != "05") {
+          if (!this.addressData.id) {
+            this.$commonJS.showToast("请选择收货地址");
+            return false;
+          }
+        }
+
+        data = {
+          buyType: this.options.typeId, //0- 商品页直接下单  1- 购物车结算
+          userId: this.userInfo.id, //下单人ID
+          shippingUser: this.addressData
+            ? this.addressData.consigneeName
+            : "111", //收货人姓名
+          userPhone: this.addressData.consigneePhone, //收货人手机号
+          jfDeduction: this.jfNumber,
+          paymentMethod: this.payType, //支付方式   2支付宝，1微信，3ios内购    4，天医币购买
+          orderMoney: this.totalPrice, //订单金额
+          realMoney: this.actualPayment, //实收金额
+          shippingMoney: this.freightNum, //运费
+          remark: this.remark, //备注
+          couponId: this.curCouponId ? this.curCoupon.id : null, //优惠券Id
+          // isSend: this.isSend,
+          couponName:
+            this.curCouponId && this.curCoupon.id
+              ? this.curCoupon.couponEntity.couponName
+              : "", //优惠券名称
+          districtMoney: 0, //优惠金额
+          vipDiscountAmount: this.vipPrice, //折扣金额
+          districtMoney: this.districtAmount, //折扣金额
+
+          productList: this.goodsDataList.map((e) => {
+            return {
+              productId: e.productId,
+              quantity: this.orderNumber,
+            };
+          }), //订单列表商品
+          orderType: "order", //订单类型
+          addressId:
+            this.options.goods[0].goodsType != "05" ? this.addressData.id : 0, // 地址ID
+          appName: "wumen",
+          come: "2",
+        };
+        var productList = [...data.productList];
+        var thisproduct = productList.map((item) => {
+          return item.productId + "_" + item.quantity;
+        });
+        thisproduct = thisproduct.join(",");
+      }
+      if (
+        this.historyOrderInfo &&
+        thisproduct == this.historyOrderInfo.product &&
+        data.addressId == this.historyOrderInfo.addressId &&
+        this.historyOrderInfo.realMoney == data.realMoney
+      ) {
+        that.canjump = false;
+        uni.showModal({
+          title: "提示",
+          content: "您短时间内有一笔相同金额的订单，是否确定继续下单？",
+          cancelText: "点错了",
+          confirmText: "继续操作",
+          success: function (res) {
+            that.canjump = true;
+            if (res.confirm) {
+              that.buyingFlag = false;
+              console.log("用户点击确定", that.buyingFlag);
+              that.submitorder(data);
+            } else {
+              that.buyingFlag = false;
+            }
+          },
+        });
+      } else {
+        that.submitorder(data);
+      }
+    },
+    //支付操作
+    async submitorder(data) {
+      uni.showLoading({
+        title: "正在请求订单",
+      });
+      // this.buyingFlag = false
+      console.log("进来请求了吗？");
+      let that = this;
+      var url = "";
+      switch (that.pageType) {
+        case "fudu":
+          url = that.urlList.renewPayment;
+          // 常规支付
+          break;
+        case "vip":
+          url = that.urlList.vipPayment;
+          // 常规支付
+          break;
+        default:
+          url = that.urlList.buyOrder;
+          // 常规支付
+          break;
+      }
+      await $http
+        .request({
+          url: url,
+          method: "POST",
+          data,
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then(async (res) => {
+          console.log("res at line 598系统下单返回结果:", res);
+          that.buyingFlag = false;
+          if (!that.options.isFudu && !this.options.isVip) {
+            var product = data.productList.map((item) => {
+              return item.productId + "_" + item.quantity;
+            });
+            product = product.join(",");
+            that.historyOrderInfo = {
+              product: product,
+              addressId: data.addressId,
+              realMoney: data.realMoney,
+            };
+          }
+          if (res.code == 0) {
+            if (res.orderSn == null) {
+              uni.showToast({
+                title: "失败,请重新下单",
+                icon: "none",
+                image: "../../../static/icon/ic_close.png",
+              });
+            } else {
+              uni.showToast({
+                title: "下单成功，即将进行支付",
+                icon: "none",
+              });
+              if (that.payType == 2) {
+                // 常规支付
+                await setPay(
+                  {
+                    typePay: "alipay",
+                    subject: "order",
+                    totalAmount: res.money,
+                    type: 2,
+                    relevanceoid: res.orderSn,
+                    customerId: that.userInfo.id,
+                  },
+                  (res) => {
+                    uni.showLoading({
+                      title: "加载中",
+                    });
+                    console.log(res, "支付支付");
+                    if (res.success) {
+                      uni.hideLoading();
+                      uni.showToast({
+                        title: "支付成功",
+                      });
+                      setTimeout(() => {
+                        if (that.canjump) {
+                          if (that.goToInfo.type == 1) {
+                            uni.switchTab({
+                              url: `${that.goToInfo.url}?type=order`,
+                            });
+                          } else {
+                            uni.redirectTo({
+                              url: `${that.goToInfo.url}?backType=order`,
+                            });
+                          }
+                        }
+                      }, 1000);
+                    } else {
+                      setTimeout(() => {
+                        console.log("延迟调用 失败提示");
+                        uni.showToast({
+                          title: "支付失败",
+                          image: "../../../static/icon/ic_close.png",
+                        });
+                      }, 0);
+                    }
+                  }
+                );
+              } else if (that.payType == 1) {
+                // 微信支付
+                let data1 = {
+                  orderSn: res.orderSn,
+                  buyOrderId: null,
+                  totalAmount: res.money,
+                };
+                setWXPay(data1, (res) => {
+                  if (res.success) {
+                    uni.hideLoading();
+                    uni.showToast({
+                      title: "支付成功",
+                    });
+                    setTimeout(() => {
+                      if (that.canjump) {
+                        if (that.goToInfo.type == 1) {
+                          uni.switchTab({
+                            url: `${that.goToInfo.url}?type=order`,
+                          });
+                        } else {
+                          uni.redirectTo({
+                            url: `${that.goToInfo.url}?backType=order`,
+                          });
+                        }
+                      }
+                    }, 1000);
+                  } else {
+                    uni.hideLoading();
+                    console.log(res, "微信支付111111111111111");
+                    if (res.data.errMsg.indexOf("User canceled") != -1) {
+                      uni.showToast({
+                        title: "用户取消支付",
+                        icon: "none",
+                        image: "../../../static/icon/ic_close.png",
+                      });
+                    } else {
+                      uni.showToast({
+                        title: "支付失败",
+                        icon: "none",
+                        image: "../../../static/icon/ic_close.png",
+                      });
+                    }
+                  }
+                });
+              } else if (that.payType == 4) {
+                that.buyingFlag = false;
+                // 天医币支付
+                uni.hideLoading();
+                uni.showToast({
+                  title: "购买成功",
+                  icon: "success",
+                });
+                setTimeout(() => {
+                  if (that.canjump) {
+                    if (that.goToInfo.type == 1) {
+                      uni.switchTab({
+                        url: `${that.goToInfo.url}?type=order`,
+                      });
+                    } else {
+                      uni.redirectTo({
+                        url: `${that.goToInfo.url}?backType=order`,
+                      });
+                    }
+                  }
+                }, 1000);
+              }
+            }
+          }
+        })
+        .catch((e) => {
+          that.buyingFlag = false;
+          uni.hideLoading();
+        });
+    },
+    radioChange(index) {
+      this.selectPayIndex = index;
+      this.payType = this.payList[this.selectPayIndex].type;
+      this.$forceUpdate();
+    },
+    handleValChange(e) {
+      console.log("e at line 424:", e);
+    },
+    buttonClick(e) {
+      console.log(e);
+      this.options[2].info++;
+    },
+
+    hancleModalConfirm() {
+      var data = {
+        values: {
+          customerType: "D",
+          token: uni.getStorageSync("token"),
+          customerOid: uni.getStorageSync("customerOid"),
+          ...this.taiHuClassInfo,
+        },
+      };
+    },
+    fnRelearn(oid, days, courseFee) {
+      //99和199课程复读一个月60三个月120; 299和399课程复读一个月80三个月180
+      //499和599课程复读一个月90三个月220; 699和799课程复读一个月100三个月248
+      var feeAs = [
+        [60, 120],
+        [80, 180],
+        [90, 220],
+        [100, 248],
+      ];
+      var fee = 0;
+      if (courseFee < 206) {
+        fee = feeAs[0][days == 30 ? 0 : 1];
+      } else if (courseFee < 406) {
+        fee = feeAs[1][days == 30 ? 0 : 1];
+      } else if (courseFee < 606) {
+        fee = feeAs[2][days == 30 ? 0 : 1];
+      } else {
+        fee = feeAs[3][days == 30 ? 0 : 1];
+      }
+      this.modalInfo = {
+        title: "提示信息",
+        content:
+          "用户您好，该课程已到期，通过支付" +
+          fee +
+          "元，本门课程可获得" +
+          days +
+          "天延期学习时间，点击确认即完成自动扣费，感谢配合！",
+      };
+
+      this.taiHuClassInfo = {
+        taiHuClassOid: oid,
+        days: days,
+        fee: fee,
+      };
+      this.show = true;
+    },
+    async getCourseDescriptionData() {
+      var data = {};
+      var that = this;
+      console.log(this.$store.state, "11111111111");
+      this.$http
+        .post(this.urlList.list, {
+          customerType: "D",
+          token: uni.getStorageSync("token"),
+          customerOid: uni.getStorageSync("customerOid"),
+          oid: this.options.oid,
+        })
+        .then(async (res) => {
+          that.curriculumData = res.obj;
+
+          if (
+            that.curriculumData.productImageList == null ||
+            that.curriculumData.productImageList == ""
+          ) {
+            this.swiperList.push(that.curriculumData.explainsImg);
+          } else {
+            that.swiperList = that.curriculumData.productImageList.split(",");
+          }
+
+          that.dataList = res.obj.correlatedList;
+          await that.getDetailInfo();
+        });
+    },
+    getPriceData() {
+      var that = this;
+      setTimeout(() => {
+        that.$nextTick(() => {
+          that.$refs.priceDetail.getTotalPrice();
+        });
+      }, 100);
+    },
+    // 检查是有权限使用搜索功能
+    checkDisable() {
+      console.log("点击了");
+    },
+    // 获取用户详情
+    getUserInfo() {
+      // 用户详情
+      if (this.userInfo.id != undefined) {
+        this.$http.post("book/user/info/" + this.userInfo.id).then((res) => {
+          this.userMes = res.user;
+          this.getCateList();
+          console.log(this.userMes, "呼呼");
+        });
+      }
+    },
+
+    async handleselectCate(item, index) {
+      this.dataList = [];
+      var data = [];
+      console.log(item, index, 99999);
+      var that = this;
+      this.$http
+        .post(this.urlList.curriculumInfo, {
+          customerType: "D",
+          token: uni.getStorageSync("token"),
+          customerOid: uni.getStorageSync("customerOid"),
+          oid: item.coid,
+        })
+        .then(async (res) => {
+          that.curriculumInfo = res.obj;
+          that.dataList = res.obj.courseList;
+        });
+      this.searchValue = "";
+      this.searchList = [];
+      this.showSearchList = false;
+      return data;
+    },
+    async getDetailInfo() {
+      var that = this;
+      this.detailInfo = {
+        content:
+          "<img src='http://oss.taihumed.com/other/null_20210528102528870.jpg' ></img> <img src='http://101.201.146.165:8088/curriculum/detailImg/curriculum_20170420143333621.png'  ></img><p><p>没有中医基础想学中医难不难？中医学者治疗出现瓶颈怎么办？中西医究竟有什么不同呢？吴雄志教授将以全新的视角，完美整合中药学和西医学知识，让你领略当代中医生理学魅力。</p><p><br/><p></p><p><br/></p><p>【思考题】</p><p>1、简述中医的发展这些年出现了哪些变化？</p><p>2、简述中西医学科的异同？</p>",
+      };
+
+      this.searchValue = "";
+      this.searchList = [];
+      this.showSearchList = false;
+
+      return data;
+    },
+    async setOneCateIndex(item, index) {
+      this.allDataList = [];
+      console.log(index, 99999);
+      var that = this;
+      this.currentStatusIndex = index;
+      this.searchValue = "";
+      this.searchList = [];
+      this.showSearchList = false;
+      this.$nextTick(async () => {
+        await that.getCourseDescriptionData();
+
+        this.$forceUpdate();
+      });
+    },
+
+    transformData(inputData) {
+      const result = {};
+      inputData.forEach((item) => {
+        const { letter } = item;
+        if (!result[letter]) {
+          result[letter] = [];
+        }
+        result[letter].push(item);
+      });
+      return result;
+    },
+    getCateList(id) {
+      id ? "" : (id = 0);
+      this.twoCateList = [];
+      this.curTwoCateIndex = 0;
+    },
+  },
+  onBackPress() {
+    // #ifdef APP-PLUS
+    plus.key.hideSoftKeybord();
+    // #endif
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/style/mixin.scss";
+
+.order_box {
+  padding: 20rpx;
+
+  .order_top {
+    background-color: #fff;
+    margin-bottom: 20rpx;
+  }
+
+  .goods_item {
+    //
+    width: 100%;
+    overflow: hidden;
+
+    .textarea {
+      margin-top: 20rpx;
+      background-color: #fffdfd;
+    }
+
+    .normal_box {
+      width: calc(100% - 160rpx);
+      height: auto;
+      float: right;
+
+      // overflow: hidden;
+      .normal_box_top {
+        width: 100%;
+        display: flex;
+
+        height: 100rpx;
+        // margin-bottom: 40rpx;
+      }
+    }
+  }
+}
+
+.u-grid-list {
+  // height: 40rpx;
+}
+
+.flexbox {
+  display: flex;
+}
+
+.dataList {
+  height: 100%;
+}
+
+.titleList2 {
+  height: calc(100% - 150rpx);
+}
+
+.priceDetail {
+  height: calc(100% - 180rpx) !important;
+  padding: 0rpx 0;
+  box-sizing: border-box;
+}
+
+.componentPage {
+  height: calc(100% - 90rpx) !important;
+}
+
+.dateReminder {
+  width: 100%;
+  font-size: 24rpx;
+  text-align: right;
+  line-height: 40rpx;
+}
+
+.fdButtonBox {
+  border: 1rpx solid $themeColor;
+  background-color: $themeColor;
+  color: #fff;
+  // width: 100%;
+  float: right;
+  padding: 4rpx 14rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  line-height: 30rpx;
+  border-radius: 10rpx;
+  box-sizing: border-box;
+
+  // margin-top: 20rpx;
+  // display: flex;
+  // align-items: center;
+}
+
+.commonDetailPage {
+  font-size: 28rpx;
+  padding-bottom: 150rpx !important;
+}
+
+.goods_box {
+  background-color: #fff;
+  // margin-top: 20rpx;
+  // padding: 40rpx 30rpx;
+  box-sizing: border-box;
+  width: 100%;
+
+  .title {
+    color: #333;
+    font-weight: 600;
+    margin-bottom: 20rpx;
+  }
+
+  .curriulum_title_box {
+    width: calc(100%) !important;
+    padding-bottom: 20rpx;
+    background-color: #fff;
+
+    .curriulum_title {
+      // width: calc(100% - 80rpx);
+      width: calc(100%);
+      font-weight: 500;
+      font-size: 30rpx;
+      // line-height: 40rpx;
+      //     display: flex;
+      // align-items: center;
+      margin-top: 10rpx;
+      float: left;
+      margin-bottom: 0rpx;
+      color: #333;
+      // padding: 20rpx;
+      box-sizing: border-box;
+    }
+  }
+}
+
+.dataList {
+  background-color: #fff !important;
+  padding: 0 30rpx 40rpx !important;
+  box-sizing: border-box;
+}
+
+/deep/.titleItem {
+  // width: calc(100% - 120rpx) !important;
+}
+
+/deep/.scroll-view-item:nth-child(2n-1) {
+  background-color: transparent !important;
+}
+
+.dataList {
+  height: auto !important;
+}
+
+.related_courses_box {
+  background-color: #fff;
+
+  .small_class_teaching_content {
+    padding: 10rpx 20rpx;
+    box-sizing: border-box;
+  }
+}
+
+.related_courses_name {
+  display: inline-block;
+  width: calc(100% - 150rpx) !important;
+
+  .aui-text-danger {
+    display: inline-block;
+    float: right;
+  }
+}
+
+.original_price {
+  font-size: 28rpx !important;
+  font-weight: 500;
+  color: #999 !important;
+  white-space: nowrap;
+  text-decoration: line-through;
+  float: left;
+  margin-top: 6rpx;
+}
+
+.price {
+  width: auto;
+  font-size: 30rpx;
+  font-weight: 600;
+  float: right;
+  margin-right: 10rpx;
+  color: #333;
+  // font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+}
+
+.price_box {
+  width: auto;
+  overflow: hidden;
+  margin-top: 10rpx;
+}
+
+.commonTags {
+  margin-right: 20rpx;
+  margin-top: -5rpx !important;
+}
+
+.sales_number {
+  text-decoration: none;
+  color: #b0b0b0;
+  font-weight: 500;
+}
+
+// .common_curriculum_list{
+
+// }
+/deep/.common_curriculum_list {
+  margin-top: 20rpx;
+  padding: 20rpx 20rpx 20rpx;
+
+  .content_item {
+    width: 100% !important;
+    margin-bottom: 0 !important;
+    padding: 15rpx 0 0rpx;
+    border-top: 1rpx solid #f1f0f0;
+    // height: 160rpx;
+
+    .book_image {
+      width: 60rpx !important;
+      height: 60rpx !important;
+      float: left !important;
+      background-color: #f5f5f5;
+    }
+
+    .common_curriculum_item {
+      width: calc(100% - 88rpx);
+      float: right;
+      display: block !important;
+
+      // overflow: hidden;
+
+      .related_courses_name {
+        width: 100% !important;
+      }
+    }
+  }
+
+  .content_item:nth-child(1) {
+    border-top: none !important;
+  }
+}
+
+/deep/.common_section {
+  padding: 0 !important;
+  padding-bottom: 20rpx !important;
+}
+
+.goods_detail_list_title {
+  display: block;
+  padding-top: 20rpx;
+  padding-bottom: 40rpx;
+
+  .linlanzhifu {
+    display: flex;
+    align-items: center;
+  }
+
+  .other_info {
+    font-size: 28rpx;
+    // color: #aaa;
+    color: #5a5a5a;
+
+    .explain {
+    }
+  }
+
+  .left {
+    display: flex;
+    align-items: center;
+  }
+
+  .right {
+    font-size: 24rpx;
+    font-weight: 500 !important;
+    color: #999;
+    font-family: none;
+  }
+
+  // justify-content: space-between;
+}
+
+.commonPageContentBox {
+  height: auto !important;
+}
+
+.minus {
+  width: 50rpx;
+  height: 50rpx;
+  border-width: 2rpx;
+  border-color: #e6e6e6;
+  border-right-color: transparent;
+
+  border-top-left-radius: 10rpx;
+  border-bottom-left-radius: 10rpx;
+  border-style: solid;
+  // border-top-left-radius: 100px;
+  // border-top-right-radius: 100px;
+  // border-bottom-left-radius: 100px;
+  // border-bottom-right-radius: 100px;
+  // border-radius:10rpx;
+  @include flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.input {
+  padding: 0 10px;
+  height: 50rpx;
+  border: 1rpx solid #e6e6e6;
+}
+
+.plus {
+  width: 50rpx;
+  height: 50rpx;
+  border-width: 2rpx;
+  border-color: #e6e6e6;
+  border-left-color: transparent;
+  border-style: solid;
+  // background-color: #258feb;
+
+  border-top-right-radius: 10rpx;
+  border-bottom-right-radius: 10rpx;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  justify-content: center;
+  align-items: center;
+  color: $themeColor;
+}
+
+.order_bottom_box {
+  position: absolute;
+  right: 20rpx;
+
+  .number {
+    font-size: 28rpx;
+    margin-right: 15rpx;
+    margin-top: 5rpx;
+  }
+
+  .price {
+    .total {
+      font-size: 30rpx;
+      color: red;
+    }
+  }
+}
+
+/deep/.goods_nav_box {
+  .left {
+    margin-top: -10rpx;
+    width: calc(100% - 220rpx);
+    height: auto;
+    position: relative;
+    // overflow: hidden;
+  }
+}
+
+.explain {
+  word-wrap: break-word;
+  word-break: normal;
+  word-break: break-all; //会断词
+  // white-space: nowrap;
+}
+
+.order_bottom_box {
+  display: flex;
+  align-items: center;
+}
+
+.pay_box {
+  .pay_item {
+    border-bottom: 1rpx solid #eeecec;
+    padding-top: 20rpx;
+    justify-content: space-between;
+
+    .top {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .left {
+      line-height: 50rpx;
+      font-family: MicrosoftYaHei;
+      font-weight: 500;
+
+      color: #242323;
+
+      .pay_item_img {
+        width: 50rpx;
+        height: 50rpx;
+        float: left;
+        margin-right: 20rpx;
+      }
+    }
+
+    .bottom {
+      width: calc(100% - 60rpx);
+      float: right;
+      // background-color: #dcdfe6;
+      background-color: #f5f5f5;
+      border-radius: 20rpx;
+      margin-top: 20rpx;
+
+      .jf_box {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        padding: 0 20rpx;
+        box-sizing: border-box;
+        justify-content: space-between;
+        color: #aaa;
+      }
+
+      .jf_input {
+        width: calc(100% - 320rpx) !important;
+        padding: 10rpx 0;
+        box-sizing: border-box;
+      }
+    }
+  }
+
+  /deep/.pay_item:nth-last-child(1) {
+    border-bottom: none !important;
+  }
+}
+
+.linlanzhifu {
+  font-size: 28rpx;
+  line-height: 24rpx;
+}
+
+.address_box {
+  // padding: 20rpx;
+  display: flex;
+  align-items: center;
+
+  .order_top {
+    background-color: #fff;
+    // margin-bottom: 20rpx;
+  }
+
+  .user_info {
+    width: 100%;
+    float: left;
+    display: flex;
+    margin-top: 10rpx;
+    align-items: center;
+
+    .name {
+      color: #838282;
+      margin-right: 10rpx;
+    }
+
+    .tel {
+      color: #838282;
+    }
+  }
+
+  .curriulum_title {
+    width: auto;
+    font-size: 34rpx;
+    font-weight: 700;
+    float: left;
+    margin-right: 10rpx;
+    color: #333;
+    line-height: 50rpx;
+    letter-spacing: 2rpx;
+  }
+
+  .normal_box {
+    margin-left: 5rpx;
+    width: calc(100% - 120rpx);
+  }
+
+  .goods_box {
+    padding: 20rpx 20rpx;
+    display: flex;
+    align-items: center;
+  }
+
+  .rightArrow {
+    margin-left: 40rpx;
+    width: 40rpx;
+    height: 40rpx;
+    // position: absolute;
+    // right: 30rpx;
+  }
+}
+
+.rightArrow {
+  width: 40rpx;
+  height: 40rpx;
+  // position: absolute;
+  // right: 30rpx;
+}
+
+.orderModalShow {
+  width: 100%;
+  max-height: 48vh;
+  padding-bottom: 120rpx;
+}
+
+.popup_box {
+  .curriulum_title_box {
+    .title {
+      text-align: center;
+      font-size: 34rpx !important;
+      padding-top: 15rpx !important;
+      margin-bottom: 60rpx !important;
+    }
+  }
+}
+
+.hasRemark {
+  color: #333 !important;
+  font-size: 40rpx !important;
+}
+
+.bgGrey {
+  // background-color: #f5f5f5;
+}
+
+.minus {
+  width: 22px;
+  height: 22px;
+  border-width: 1px;
+  border-color: #e6e6e6;
+  border-style: solid;
+  border-top-left-radius: 100px;
+  border-top-right-radius: 100px;
+  border-bottom-left-radius: 100px;
+  border-bottom-right-radius: 100px;
+  @include flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.input {
+  padding: 0 10px;
+}
+
+.plus {
+  width: 22px;
+  height: 22px;
+  background-color: #ff0000;
+  border-radius: 50%;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/pages/component/commonComponents/selectGoods.vue b/pages/component/commonComponents/selectGoods.vue
index c0117ae..0ed69ce 100644
--- a/pages/component/commonComponents/selectGoods.vue
+++ b/pages/component/commonComponents/selectGoods.vue
@@ -176,6 +176,7 @@ export default {
     "customButtonGroup1",
     "buyOptions",
     "isFudu", // 是否复读
+    "type", // 页面类型
   ],
   data() {
     return {
diff --git a/pages/component/commonComponents/selectVip.vue b/pages/component/commonComponents/selectVip.vue
new file mode 100644
index 0000000..89145c9
--- /dev/null
+++ b/pages/component/commonComponents/selectVip.vue
@@ -0,0 +1,393 @@
+<template>
+  <view
+    class="container commonPageBox commonDetailPage"
+    style="height: auto !important; padding-bottom: 0 !important"
+  >
+    <u-popup
+      :show="show"
+      v-if="show"
+      mode="bottom"
+      @close="close"
+      class="popup_box"
+    >
+      <view class="popup_top">
+        <!-- @click="previewImage(selectGoodsData.productImages)" -->
+        <view class="product_image">
+          <image
+          src="@/static/icon/vip.png"
+            mode="aspectFit"
+            class="goods_image"
+          ></image>
+        </view>
+        <view class="title">已选：{{ selectGoodsData.title }}&nbsp;{{ selectGoodsData.year }}年</view>
+      </view>
+
+      <view :class="`common_radius_box  goods_box popup_content`">
+        <view class="title title_box"
+          >
+           
+
+        
+
+            <text  style="color: #e97512; font-weight: bold;font-size: 30rpx;">
+              ￥{{ Number(selectGoodsData.rebateFee).toFixed(2) }}</text
+            >
+          </text>
+          <u-icon
+            name="close"
+            color="#333"
+            size="18"
+            @click="close"
+            style="display: inline-block"
+          ></u-icon
+        ></view>
+        <view class="title title_list"
+          ><text>VIP商品列表（{{ goodsList.length }}）</text></view
+        >
+
+        <common-list
+          imgUrl="url"
+          isNoIcon
+          imgMode="aspectFit"
+          defaultUrl=""
+          :isCondition="true"
+          :dataList="goodsList"
+          @hancleClick="selectGoods"
+          label="title"
+        >
+          <template slot="labelSlot" slot-scope="slotProps">
+            
+            <!-- isSelectGoods -->
+            <view
+              class="related_courses_name"
+              :class="`goods_item ${
+                (
+                  selectGoodsData &&
+                  selectGoodsData.id == slotProps.row.id) 
+                  ? 'isSelectGoods color_shandow'
+                  : ''
+              }`"
+            >
+              <view class="image_box" style="margin-right: 10rpx">
+                <image
+                  src="@/static/icon/vip.png"
+                  mode="aspectFit"
+                  class="goods_image"
+                ></image>
+              </view>
+
+              <view :class="`goods_info  just`" style="">
+                <view class="name">{{ slotProps.row.title }}<text style="color: #ff2e4d;margin-left: 10rpx;">{{ slotProps.row.year }}年</text></view>
+                <view class="flex_box" style="align-items: center">
+                  <!-- <text style="color: #999; text-decoration: line-through; margin-right: 20rpx;"
+													v-if="slotProps.row.activityPrice > 0 && slotProps.row.activityPrice < slotProps.row.price" >￥{{slotProps.row.price}}</text>
+					  <view class="price" style="color: #258feb"
+					    >￥{{ slotProps.row.activityPrice?slotProps.row.activityPrice:slotProps.row.price }}</view
+					  ></view
+					> -->
+                  <text ><span style="color: #e97512;">
+  ￥{{Number(slotProps.row.rebateFee).toFixed(2)}}</span>
+</text>
+
+               
+                </view>
+              </view>
+            </view>
+
+            <!-- <text v-if="slotProps.row.conditions!='03'">【试听】</text> -->
+          </template>
+        </common-list>
+
+        <view class="goods_nav_box">
+          <uni-goods-nav
+            :fill="true"
+            :options="buyOptions"
+            :button-group="customButtonGroup1"
+            @click="onHandleClickBuy"
+            @buttonClick="onHandleClickBuy"
+          />
+        </view>
+        <!-- <view>
+          <text @click="handleClickClose">取消</text>
+          <text @click="handleClickGoBuy">立即购买</text>
+        </view>-->
+      </view>
+    </u-popup></view
+  >
+</template>
+
+<script>
+import { mapState } from "vuex";
+export default {
+  props: [
+    "goodsList",
+    "label",
+    "isCondition",
+    "imgUrl",
+    "imgMode",
+    "className",
+    "col",
+    "defaultUrl",
+    "isScroll",
+    "selectGoodsData",
+    "customButtonGroup1",
+    "buyOptions",
+    "isFudu", // 是否复读
+    "type", // 页面类型
+  ],
+  data() {
+    return {
+      show: false,
+    };
+  },
+  onLoad() {},
+  onHide() {
+    // this.showSearchList = false
+    // this.searchList = []
+  },
+  computed: {
+    ...mapState(["userInfo"]),
+  },
+  methods: {
+    getPrice(slotProps) {
+      if (
+        Number(slotProps.row.isVipPrice) === 1 &&
+        Number(slotProps.row.vipPrice) > 0
+      ) {
+        return `
+  <text style="color: #e97512; font-size: 12px; font-weight: bold;">
+    ￥${Number(slotProps.row.vipPrice).toFixed(2)}
+  </text>
+  <text
+    style="color: #8a8a8a; font-size: 10px; margin-left: 4px; font-weight: bold; text-decoration: line-through;"
+  >
+    ￥${Number(slotProps.row.price).toFixed(2)}
+  </text>
+`;
+      } else if (Number(slotProps.row.activityPrice) > 0) {
+        return `
+  <text style="color: #e97512; font-size: 12px; font-weight: bold;">
+    ￥${Number(slotProps.row.activityPrice).toFixed(2)}
+  </text>
+  <text
+    style="color: #8a8a8a; font-size: 10px; margin-left: 4px; font-weight: bold; text-decoration: line-through;"
+  >
+    ￥${Number(slotProps.row.price).toFixed(2)}
+  </text>
+`;
+      } else {
+        return `<span style="color: #e97512;">
+  ￥${Number(slotProps.row.price).toFixed(2)}</span>
+`;
+      }
+    },
+    // 放大图片
+    previewImage(url) {
+      console.log(url);
+      uni.previewImage({
+        urls: [url],
+        longPressActions: {
+          itemList: ["很抱歉，暂不支持保存图片到本地"],
+          success: function (res) {
+            // console.log(res,'+++++')
+          },
+        },
+      });
+    },
+    close() {
+      this.show = false;
+    },
+    selectGoods(data) {
+      this.$emit("selectGoods", data);
+    },
+    open() {
+      this.show = true;
+    },
+    gotoDetail(v) {
+      this.$emit("hancleClick", v);
+    },
+    onHandleClickBuy() {
+      // this.$emit("selectGoodsData", this.selectGoodsData);
+      setTimeout(() => {
+        this.$emit("onHandleClickBuy");
+      }, 200);
+     
+    },
+  },
+  onBackPress() {
+    // #ifdef APP-PLUS
+    plus.key.hideSoftKeybord();
+    // #endif
+  },
+
+  components: {},
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/style/mixin.scss";
+.goods_item {
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  // margin-bottom: 20rpx;
+  padding: 10rpx 20rpx;
+  border: 2rpx solid #fff;
+  border-radius: 10rpx;
+}
+.title {
+  box-sizing: border-box;
+  // font-weight: bold;
+  margin-bottom: 40rpx;
+  padding-left: 20rpx;
+}
+.image_box {
+  width: 70rpx;
+  height: 70rpx;
+  float: left;
+  background-color: #f5f5f5;
+}
+
+.goods_image {
+  width: 100%;
+  height: 100%;
+}
+.goods_info {
+  width: calc(100%);
+  // padding: 10rpx 20rpx;
+  box-sizing: border-box;
+  // height: 100rpx;
+  // display: flex;
+  // align-items: center;
+  // justify-content: space-between;
+  float: left;
+  .name {
+    font-size: 26rpx;
+    // font-weight: 600;
+    color: #333;
+  }
+  .price {
+    font-size: 26rpx;
+    color: #aaa;
+  }
+}
+.isSelectGoods {
+  color: $themeColor !important;
+  .name {
+    color: $themeColor !important;
+  }
+  .price {
+    color: $themeColor !important;
+  }
+  border: 2rpx solid $themeColor;
+  border-radius: 10rpx;
+}
+/deep/.list_item {
+  // border-bottom: none;
+  padding: 10rpx 0 !important;
+  padding-right: 0 !important;
+}
+.goods_image {
+  width: 100%;
+  height: 100%;
+}
+.curriulum_box {
+  margin-top: 20rpx;
+  width: 100%;
+
+  .curriulum_title_box {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+    background-color: #fff;
+
+    .curriulum_title {
+      width: calc(100% - 80rpx);
+
+      font-size: 38rpx;
+      line-height: 40rpx;
+      padding: 20rpx;
+      box-sizing: border-box;
+    }
+  }
+}
+
+.goods_box {
+  background-color: #fff;
+  // margin-top: 20rpx;
+  // padding: 40rpx 30rpx;
+  box-sizing: border-box;
+  width: 100%;
+
+  .curriulum_title_box {
+    width: calc(100%) !important;
+    padding-bottom: 20rpx;
+    background-color: #fff;
+
+    .curriulum_title {
+      width: calc(100%);
+      font-weight: 600;
+      font-size: 34rpx;
+      // line-height: 40rpx;
+      //     display: flex;
+      // align-items: center;
+      margin-top: 80rpx;
+      margin-bottom: 0rpx;
+      // padding: 20rpx;
+      box-sizing: border-box;
+    }
+  }
+}
+.popup_box {
+  padding-top: 30rpx;
+
+  background-color: transparent;
+  .popup_top {
+    display: flex;
+    align-items: center;
+    color: #fff;
+    margin-bottom: 20rpx;
+    padding: 0 20rpx;
+    .title {
+      margin-bottom: 0;
+      font-size: 30rpx;
+      font-weight: 600;
+    }
+  }
+  .popup_content {
+    padding-bottom: 140rpx;
+  }
+  /deep/.list_item {
+    // border-bottom: none;
+
+    border: none !important;
+    box-shadow: none !important;
+  }
+
+  .product_image {
+    width: 120rpx;
+    height: 120rpx;
+    border-radius: 10rpx;
+    // background-color: #f5f5f5;
+    // margin: 0 auto;
+  }
+}
+/deep/.u-popup__content {
+  background-color: transparent !important;
+}
+/deep/.u-popup__content__close {
+  color: #fff !important;
+}
+.title_box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: 0;
+  .title_price {
+    color: #ef1224;
+    font-size: 40rpx;
+    font-weight: 700;
+  }
+}
+</style>
diff --git a/pages/goods/order/index.vue b/pages/goods/order/index.vue
index 198927a..47107d2 100644
--- a/pages/goods/order/index.vue
+++ b/pages/goods/order/index.vue
@@ -4,1854 +4,336 @@
     <public-module></public-module>
     <z-nav-bar title="确认订单" bgColor="#258feb" fontColor="#fff"></z-nav-bar>
 
-    <view class="contentBox commonPageContentBox order_box">
-      <view
-        v-show="isShowAddress"
-        class="order_top common_radius_box color_shandow goods_box address_box"
-        @click="goToAddress"
+    <common-order-submit
+      v-if="showOrder"
+      :options="options"
+      :urlList="urlList"
+      :initData="initData"
+      :priceKey="priceKey"
+      :pageType="pageType"
+      :goodsDataList="goodsDataList"
+      :showNumber="showNumber"
+      :isHideAddress="isHideAddress"
+    >
+      <template
+        slot="goodsLableInfoSlot"
+        slot-scope="slotProps"
+        v-if="pageType == 'goods'"
       >
-        <u-icon
-          name="map-fill"
-          color="#258feb"
-          size="23"
-          style="display: inline-block; margin-right: 10rpx"
-        ></u-icon>
-        <view class="normal_box" v-if="addressData.consigneeName">
-          <view class="normal_box_top">
-            <view class="curriulum_title">{{ addressData.address }} </view>
-            <view class="user_info">
-              <text class="name"> {{ addressData.consigneeName }} </text>
-              <text class="tel"> {{ addressData.consigneePhone }} </text>
-            </view>
-          </view>
-        </view>
-        <view class="normal_box" v-else>
-          <view class="normal_box_top">
-            <view class="curriulum_title">请添加收货地址 </view>
-          </view>
-        </view>
-        <view class="right">
-          <image
-            src="@/static/icon/icon_right.png"
-            class="rightArrow"
-            style=""
-          ></image>
-        </view>
-      </view>
-
-      <view class="order_top common_radius_box color_shandow goods_box">
-        <view
-          class="curriulum_title_box goods_item"
-          style="position: relative"
-          v-for="(v, i) in goodsDataList"
-        >
-          <span
-            v-if="v.isVipPrice == 1 && v.vipPrice != 0 && v.vipPrice != null"
-            style="
-              position: absolute;
-              z-index: 10;
-              top: 4px;
-              left: 0px;
-              margin-right: 10px;
-              text-align: center;
-              font-size: 18rpx;
-              background-color: #f94f04;
-              color: #fff;
-              font-weight: bold;
-              border-radius: 4px;
-              width: 80rpx;
-              padding: 2px 4px;
-              box-sizing: border-box;
-            "
-            >VIP优惠</span
-          >
-          <image
-            v-if="v.productImages && v.productImages != ''"
-            class="goods_item_img"
-            :src="v.productImages"
-            mode="aspectFit"
-          >
-          </image>
-          <image
-            v-else
-            src="/static/nobg1.jpg"    class="goods_item_img"
-            mode="widthFix"
-            @click="goDetail(item.productId)"
-          ></image>
-          <view class="normal_box">
-            <view
-              class="normal_box_top"
-              style="justify-content: space-between; position: relative"
-            >
-              <view class="curriulum_title">{{ v.productName }} </view>
-            </view>
-            <view>
-              <text
-                v-if="
-                  v.isVipPrice == 1 && v.vipPrice != 0 && v.vipPrice != null
-                "
-              >
-                <text style="color: #e97512; font-size: 12px; font-weight: bold"
-                  >￥{{ v.vipPrice.toFixed(2) }}</text
-                >
-                <text style="color: #fa2d12; font-size: 10px; margin-left: 4px"
-                  >VIP到手价</text
-                >
-                <text
-                  style="
-                    color: #8a8a8a;
-                    font-size: 10px;
-                    margin-left: 4px;
-                    font-weight: bold;
-                    text-decoration: line-through;
-                  "
-                  >￥{{ Number(v.price).toFixed(2) }}</text
-                >
-              </text>
-
-              <text v-else-if="v.activityPrice && v.activityPrice > 0">
-                <text style="color: #e97512; font-size: 12px; font-weight: bold"
-                  >￥{{ v.activityPrice.toFixed(2) }}</text
-                >
-                <text style="color: #613804; font-size: 10px; margin-left: 4px"
-                  >活动价</text
-                >
-                <text
-                  style="
-                    color: #8a8a8a;
-                    font-size: 10px;
-                    margin-left: 4px;
-                    font-weight: bold;
-                    text-decoration: line-through;
-                  "
-                  >￥{{ Number(v.price).toFixed(2) }}</text
-                >
-              </text>
-
-              <text v-else style="font-size: 12px"
-                >￥{{ Number(v.price).toFixed(2) }}</text
-              >
-              <u-number-box v-model="orderNumber" style="float: right">
-                <view slot="minus" class="minus">
-                  <u-icon name="minus" size="12"></u-icon>
-                </view>
-                <text
-                  slot="input"
-                  style="width: auto; text-align: center; border: none"
-                  class="input"
-                  >{{ orderNumber }}</text
-                >
-                <view slot="plus" class="plus">
-                  <u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
-                </view>
-              </u-number-box>
-            </view>
-          </view>
-        </view>
-        <view class="pay_box" style="margin-top: 20rpx" v-if="!options.isFudu">
-          <view
-            @click="openOrderModal(v)"
-            class="curriulum_title_box goods_item pay_item"
-            v-for="(v, i) in orderInfoList"
-            :key="i"
-          >
-            <view class="top">
-              <view class="left">
-                <text> {{ v.text }}</text>
-              </view>
-              <view class="right" style="display: flex; align-items: center">
-                <text
-                  style="
-                    float: left;
-                    text-align: right;
-                    color: #b0b0b0;
-                    font-size: 24rpx;
-                    display: inline-block;
-                    width: 200rpx;
-                  "
-                  :class="remark ? 'hidden1 hasRemark' : 'hidden1'"
-                >
-                  {{ remark == "" ? v.placeholder : remark }}</text
-                >
-                <image
-                  src="@/static/icon/icon_right.png"
-                  class="rightArrow"
-                  style=""
-                ></image>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <view class="order_top common_radius_box color_shandow goods_box pay_box">
-        <view class="title">价格明细</view>
-
-        <view
-          class="curriulum_title_box goods_item pay_item"
-          v-for="(v, i) in priceBreakdownList"
-          :key="i"
-        >
-          <view class="top">
-            <view class="left">
-              <image
-                v-if="v.imgUrl"
-                class="pay_item_img"
-                :src="v.imgUrl"
-                mode="aspectFil"
-                :style="v.style"
-              >
-              </image>
-              <u-icon
-                v-if="v.icon"
-                name="map-fill"
-                color="#018F89"
-                size="23"
-                style="display: inline-block"
-              ></u-icon>
-
-              <text v-if="v.type == 6">
-                <span
-                  style="color: #f94f04; font-weight: bold; margin-right: 2px"
-                  >VIP</span
-                >
-                专享立减</text
-              >
-              <text v-else> {{ v.text }}</text>
-              <template v-if="v.type == 4">
-                <text style="color: #aaa; margin-left: 10rpx">
-                  (全部积分：{{ initData.user.jf }})</text
-                >
-              </template>
-            </view>
-            <view class="right">
-              <template v-if="v.type == 1">
-                ￥{{ Number(totalPrice).toFixed(2) }}</template
-              >
-              <template v-if="v.type == 2">
-                <text>
-                  ￥{{
-                    isShowAddress ? freightNum.toFixed(2) : Number(0).toFixed(2)
-                  }}</text
-                >
-              </template>
-              <template v-if="v.type == 3">
-                <template v-if="!curCoupon.id">
-                  <view
-                    v-if="couponHistoryList.length > 0"
-                    @click="showCouponPup = true"
-                    style="display: flex; align-items: center"
-                  >
-                    <text
-                      style="color: #999"
-                      v-if="selectcouponList.length == 0"
-                      >不可用
-                    </text>
-                    <text
-                      style="
-                        color: #ec4729;
-                        background-color: #fceeeb;
-                        padding: 1rpx 20rpx;
-                        border-radius: 10rpx;
-                        line-height: 34rpx;
-                      "
-                      v-else
-                      >共 {{ selectcouponList.length }} 张
-                    </text>
-
-                    <image
-                      src="@/static/icon/icon_right.png"
-                      class="rightArrow"
-                      style=""
-                    ></image>
-                  </view>
-                  <template v-else>
-                    <text style="color: #999">暂无可用优惠券</text>
-                  </template>
-                </template>
-                <template v-else>
-                  <text style="color: #fe6035"
-                    >- ￥ {{ curCoupon.couponEntity.couponAmount }}</text
-                  >
-                  <text
-                    @click="showCouponPup = true"
-                    style="
-                      display: inline-block;
-                      margin-left: 20rpx;
-                      background-color: #fe6035;
-                      color: #fff;
-                      border-radius: 30rpx;
-                      font-size: 26rpx;
-                      border: 4rpx #fe6035 solid;
-                    "
-                    >重新选择</text
-                  >
-                </template>
-              </template>
-
-              <template v-if="v.type == 4">
-                <text style="color: #fe6035"> -￥{{ jfNumberShow }}</text>
-              </template>
-              <template v-if="v.type == 5">
-                <text style="color: #fa2d12"
-                  >- ￥{{ districtAmount.toFixed(2) }}</text
-                >
-              </template>
-              <template v-if="v.type == 6">
-                <text style="color: #fa2d12"
-                  >- ￥{{ vipPrice.toFixed(2) }}</text
-                >
-              </template>
-            </view>
-          </view>
-
-          <view
-            class="bottom jf_box"
-            v-if="v.type == 4 && initData.user.jf > 0"
-          >
-            <view class="jf_box">
-              <text style="color: #258feb; font-weight: 600"
-                >可用积分({{ jfNumberMax }}分)</text
-              >
-              <view class="jf_input">
-                <u--input
-                  type="number"
-                  @input="handleChangejf"
-                  @clear="jfNumber = 0"
-                  :max="jfNumberMax"
-                  :min="0"
-                  v-model="jfNumber"
-                  placeholder="请输入积分"
-                  border="surround"
-                  clearable
-                ></u--input>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-      <view class="order_top common_radius_box color_shandow goods_box pay_box">
-        <view class="title">支付方式</view>
-        <!-- 商品是安卓环境支付，或者商品列表中没有课程 -->
-        <view
-          class="curriulum_title_box goods_item pay_item"
-          v-for="(v, i) in payList"
-        >
-          <view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
-            <view class="left">
-              <image
-                class="pay_item_img"
-                :src="v.imgUrl"
-                mode="aspectFil"
-                :style="v.style"
-              >
-              </image>
-              <template v-if="v.type == 4">
-                <text> {{ v.text }}</text>
-                <text
-                  style="color: #258feb; font-weight: 600; margin-left: 10rpx"
-                >
-                  (余额：{{
-                    initData && initData.user ? initData.user.peanutCoin : 0
-                  }})</text
-                >
-              </template>
-
-              <text v-else> {{ v.text }}</text>
-            </view>
-
-            <template v-if="isDefaultCurrency">
-              <radio
-                v-if="i == 2"
-                :value="v.value"
-                color="#258feb"
-                :checked="selectPayIndex == i ? true : false"
-                @click="radioChange(i)"
-                size="10"
-              />
-            </template>
-            <template v-else>
-              <radio
-                :value="v.value"
-                color="#258feb"
-                :checked="selectPayIndex == i ? true : false"
-                @click="radioChange(i)"
-                size="10"
-              />
-            </template>
-          </view>
-        </view>
-        <template v-if="selectPayIndex == 2 || $platform == 'ios'">
-          <view
-            class="goods_detail_list_title bg_box_shandow color_shandow bg_color"
-          >
-            <view
-              class="linlanzhifu"
-              style="
-                width: 100%;
-                overflow: hidden;
-                justify-content: space-between;
-              "
-            >
-              <view class="linlanzhifu">
-                <u-icon
-                  name="error-circle"
-                  color="#258feb"
-                  size="20"
-                  style="display: inline-block; margin-right: 10rpx"
-                ></u-icon>
-                确保您的天医币足够支付
-              </view>
-
-              <text
-                class="fdButtonBox aui-text-danger fdButtonBoxRed"
-                style="float: right"
-                @click="
-                  onPageJump('/pages/mine/wallet/recharge/index?source=order')
-                "
-                >立即充值</text
-              >
-            </view>
-
-            <view class="other_info" style="margin-top: 12rpx">
-              <view class="explain" style="margin-bottom: 10rpx"> 说明 </view>
-              <view class="explain"> 1. 1天医币 = 1元人民币 </view>
-              <view class="explain">
-                2.若有疑问或意见请致电客服
-                <span style="font-size: 15px"
-                  ><u @click="gotoPhone">022-24142321</u></span
-                >
-              </view>
-              <view class="explain">
-                3.非中国大陆用户可以信用卡支付。简单快捷，推荐使用！
-                支付时使用的信用卡需要带有Visa或MasterCard的标识。请向邮箱
-                <text
-                  @click="fnCopy('publisher@tmrjournals.com', '邮箱')"
-                  class="aui-text-success"
-                  style="text-decoration: underline; color: #258feb"
-                >
-                  publisher@tmrjournals.com
-                </text>
-                （点击复制）发送支付请求，内容需包含：拟购买的课程名称、支付金额、APP注册姓名及手机号码，或者加一路健康客服微信（
-                <text
-                  class="aui-text-success"
-                  @click="fnCopy('yilujiankangkefu', '微信名')"
-                  style="text-decoration: underline; color: #258feb"
-                >
-                  yilujiankangkefu </text
-                >）（点击复制）联系我们，我们将在24小时内向您的邮箱或者微信发送支付链接，根据提示即可完成信用卡支付，无需兑换外币。
-              </view>
-            </view>
-          </view>
-        </template>
-      </view>
-
-      <template>
-        <common-sticky
-          label="title"
-          :itemStyle="`width:${
-            cateList.length == 2 ? '50' : '33'
-          }%;padding-left: 15px; padding-right: 15px; height: 68rpx;`"
-          :list="cateList"
-          :currentCateIndex="currentCateIndex"
-          @handleselectCate="handleselectCate"
-        >
-        </common-sticky>
-      </template>
-    </view>
-    <view class="goods_nav_box">
-      <common-goods-nav
-        :iconList="[]"
-        :customButton="customButton"
-        @submit="goBuyJie"
-      >
-        <!-- leftSlot -->
-        <template slot="leftSlot" slot-scope="slotProps">
-          <view class="price_box order_bottom_box"
-            >
-            <text class="price"
-              >合计:
-
-              <text class="total"
-                >
-                <template v-if="actualPayment>0">
-                  ￥{{ Number(actualPayment).toFixed(2) }}
-                </template>
-                 <text style="margin: 0 4rpx;" v-if="actualPayment>0&&jfNumber>0">
-                  +
-                 </text>
-                
-                <text v-if="jfNumber>0">{{ jfNumber }} 积分</text>
-                </text
-              >
-            </text>
-          </view>
-        </template>
-      </common-goods-nav>
-    </view>
-
-    <u-popup :show="show" mode="right">
-      <common-address
-        backState="3000"
-        ref="commonAddress"
-        @fresh="handleFresh"
-        @selectAddress="selectAddress"
-      ></common-address
-    ></u-popup>
-    <u-popup :show="orderModalShow" mode="bottom" :round="20">
-      <view class="orderModalShow popup_box">
-        <u-icon
-          name="close"
-          color="#333"
-          size="18"
-          @click="closeOrderModalShow"
-          style="
-            display: inline-block;
-            position: absolute;
-            right: 20rpx;
-            top: 20rpx;
+        <span
+          class="goodsvipLabel"
+          v-if="
+            slotProps.row.isVipPrice == 1 &&
+            slotProps.row.vipPrice != 0 &&
+            slotProps.row.vipPrice != null
           "
-        ></u-icon>
-        <view v-if="orderModalShowInfo.type == 'remark'">
-          <view class="order_top common_radius_box goods_box">
-            <view class="curriulum_title_box goods_item">
-              <view class="title">订单备注</view>
-              <u--textarea
-                v-model="content"
-                placeholder="选填：给商家留言"
-                count
-                class="textarea"
-              ></u--textarea>
-            </view>
-          </view>
-        </view>
-        <view class="goods_nav_box">
-          <uni-goods-nav
-            :fill="true"
-            :options="[]"
-            :button-group="customButtonGroup1"
-            @click="onHandleClickBuy"
-            @buttonClick="onHandleClickBuy"
-          />
-        </view>
-      </view>
-    </u-popup>
-    <order-coupon
-      v-if="showCouponPup"
-      :sumMeony="totalPrice"
-      :selectcouponList="selectcouponList"
-      :curCouponId="curCouponId"
-      :list="couponHistoryList"
-      ref="orderCoupon"
-      @confirmCoupon="confirmCoupon"
-      @close="closeCoupon"
-    ></order-coupon>
+          style=""
+          >VIP优惠</span
+        >
+      </template>
+      <template slot="goodsInfoImgSlot" slot-scope="slotProps">
+        <image
+          v-if="pageType == 'vip'"
+          src="/static/icon/vip.png"
+          class="goods_item_img"
+          mode="widthFix"
+          @click="goDetail(slotProps.row.productId)"
+        ></image>
+        <image
+          v-else-if="
+            (pageType == 'goods' || pageType == 'fudu') &&
+            slotProps.row.productImages &&
+            slotProps.row.productImages != ''
+          "
+          class="goods_item_img"
+          :src="slotProps.row.productImages"
+          mode="aspectFit"
+        >
+        </image>
+
+        <image
+          v-else
+          src="/static/nobg1.jpg"
+          class="goods_item_img"
+          mode="widthFix"
+          @click="goDetail(slotProps.row.productId)"
+        ></image>
+      </template>
+      <template slot="goodsInfoNameSlot" slot-scope="slotProps">
+        <span v-if="pageType == 'vip'"
+          >{{ slotProps.row.title
+          }}<span style="margin-left: 4rpx"
+            >{{ slotProps.row.year }}年</span
+          ></span
+        >
+        <span v-else>{{ slotProps.row.productName }}</span>
+      </template>
+      <template slot="goodsInfoPriceSlot" slot-scope="slotProps">
+        <text
+          v-if="
+            slotProps.row.isVipPrice == 1 &&
+            slotProps.row.vipPrice != 0 &&
+            slotProps.row.vipPrice != null
+          "
+        >
+          <text style="color: #e97512; font-size: 12px; font-weight: bold"
+            >￥{{ slotProps.row.vipPrice.toFixed(2) }}</text
+          >
+          <text style="color: #fa2d12; font-size: 10px; margin-left: 4px"
+            >VIP到手价</text
+          >
+          <text
+            style="
+              color: #8a8a8a;
+              font-size: 10px;
+              margin-left: 4px;
+              font-weight: bold;
+              text-decoration: line-through;
+            "
+            >￥{{ Number(slotProps.row.price).toFixed(2) }}</text
+          >
+        </text>
+
+        <text
+          v-else-if="
+            slotProps.row.activityPrice && slotProps.row.activityPrice > 0
+          "
+        >
+          <text style="color: #e97512; font-size: 12px; font-weight: bold"
+            >￥{{ slotProps.row.activityPrice.toFixed(2) }}</text
+          >
+          <text style="color: #613804; font-size: 10px; margin-left: 4px"
+            >活动价</text
+          >
+          <text
+            style="
+              color: #8a8a8a;
+              font-size: 10px;
+              margin-left: 4px;
+              font-weight: bold;
+              text-decoration: line-through;
+            "
+            >￥{{ Number(slotProps.row.price).toFixed(2) }}</text
+          >
+        </text>
+
+        <text v-else style="font-size: 28rpx"
+          >￥{{ Number(slotProps.row.price).toFixed(2) }}</text
+        >
+      </template>
+    </common-order-submit>
   </view>
 </template>
 
 <script>
-import orderCoupon from "@/components/orderCoupon.vue";
-import courseDescription from "@/pages/component/commonComponents/list";
-import { setPay, setPayAssign, setWXPay } from "@/config/utils";
-import $http from "@/config/requestConfig.js";
-const { platform } = uni.getSystemInfoSync();
 import { mapState } from "vuex";
 export default {
-  components: {
-    courseDescription, //课程说明
-    orderCoupon, // 优惠券弹出
-  },
-  watch: {
-    isDefaultCurrency: {
-      immediate: true,
-      handler(newRoute) {
-        if (this.isDefaultCurrency) {
-          if (platform == "ios") {
-            this.selectPayIndex = 0;
-          } else {
-            this.selectPayIndex = 0;
-          }
-        } else {
-          if (platform == "ios") {
-            this.selectPayIndex = 0;
-          } else {
-            this.selectPayIndex = 0;
-          }
-        }
-
-        this.payType = this.payList[this.selectPayIndex].type;
-        if (this.actualPayment == 0) {
-          var that = this;
-          this.payList.forEach((e, i) => {
-            if (e.type == 4) {
-              that.selectPayIndex = i;
-              that.payType = 4;
-            }
-          });
-          this.$forceUpdate();
-        }
-        this.$forceUpdate();
-      },
-    },
-    orderNumber: {
-      immediate: true,
-      handler(newRoute) {
-        if (this.orderNumber >= 1) {
-          this.$nextTick(async () => {
-            await this.getGoodsList();
-            // await this.getVipFei();
-            // await this.getDistrictAmount();
-            // await this.getActiveCouponList();
-          });
-        }
-        this.$forceUpdate();
-      },
-    },
-  },
+  components: {},
+  watch: {},
   data() {
     return {
-      vipPrice: 0,
-      districtAmount: 0,
-      historyOrderInfo: undefined, //上一个订单的参数
-      isDefaultCurrency: false,
-      isShowAddress: false,
-      jfNumber: 0,
-      orderNumber: 1,
-      totalPrice: 0,
-      actualPayment: 0,
-      jfNumberShow: "",
-      jfNumberMax: 0,
-      selectcouponList: [],
-      goodsDataList: [],
-      orderModalShowInfo: {},
-      orderModalShow: false,
-      payType: 1,
-      freightNum: 0,
-      addressData: {
-        address: "",
-        consigneeName: "",
-        consigneePhone: "",
-      },
-      selectPayIndex: 1,
-      farePrice: 0,
-      payList: [],
-      priceBreakdownList: [],
-      orderInfoList: [
-        {
-          text: "订单备注",
-          placeholder: "点击填写订单备注",
-          imgUrl: "",
-          type: "remark",
-        },
-      ],
-      number: 1,
-      detailInfo: {},
-      content: "",
-      remark: "",
-      iconList: [],
-      buyingFlag: false, // 购买进行中flag
-      swiperList: [],
+      priceKey: "price",
+      showNumber: true,
+      isHideAddress: false,
       options: {},
-      relatedCoursesList: [], //相关课程
-      curriculumData: {},
-      curriculumInfo: {},
-      detailInfo: {},
-      fdButtonStyle: {
-        width: "120rpx",
-        "border-color": "#258feb",
-        color: "#258feb",
-        float: "right",
-        "margin-right": "20rpx",
-        "margin-left": "30rpx",
-      },
-      modalInfo: {},
-      canjump: true, // 是否可以跳转到其他页面
-      currentCateIndex: 0,
-      show: false,
-      playData: {},
       initData: {},
-      taiHuClassInfo: {},
-      searchValue: "",
-      teachingList: [
-        {
-          title: "临床实践",
-
-          type: "02",
-          apiUrl: "app/phoneDoctor.do?getTaiHuToShine",
-        },
-        {
-          title: "学习问答",
-          type: "03",
-          oid: "8a9fb99809e4428888aad6b56a3096a6",
-        },
-        {
-          title: "学习心得",
-
-          type: "01",
-        },
-        {
-          title: "在线作业",
-
-          type: "04",
-          oid: "d0f47071c2194e94845fbb373d06f59d",
-        },
-      ], // 一级分类标题1
-      cateList: [], // 一级分类标题1
-      twoCateList: [], // 二级分类标题
-      dataList: [], // 方剂标题
-      defaultAddressList: {},
-      allDataList: [], // 方剂标题
-      currentStatusIndex: 0, // 当前选中的一级分类
-
-      curTwoCateIndex: 0, // 当前选中的二级分类
-      searchList: [], // 搜索结果数组
-      showSearchList: false,
-      userMes: {}, // 用户信息
-      searchDisable: false, // 搜索不可用
-      limitShow: false,
-      limitTitle: "提示",
-      goToInfo: {},
-      limitContent: "",
-      scrollViewHeight: 0,
+      goodsDataList: [],
+      pageType: "",
+      showOrder: "",
       urlList: {
         list: "app/phone.do?getCourseDetail_new",
         initPrepareOrder: "common/buyOrder/initPrepareOrder",
         buyOrder: "book/buyOrder/placeOrder",
         curriculumInfo: "app/phone.do?getCourseInfo",
         detailInfo: "app/phoneDoctor.do?getTaiHuClassInfo_new",
+        userInfo: "common/user/getUserInfo",
         addressList: "common/userAddress/getUserAddress",
         freightNum: "book/buyOrder/calculateTransportPrice", //运费
         renewPayment: "common/courseRelearn/relearnSave", // 复读下单地址
+        vipPayment: "common/userVip/placeVipOrder", // 复读下单地址
       },
-      customButton: [
-        {
-          width: "200rpx",
-          text: "立即支付",
-          backgroundColor: "linear-gradient(90deg,  #3C77BE 0%,#258feb 100%)",
-          color: "#fff",
-        },
-      ],
-      customButtonGroup1: [
-        {
-          with: 200,
-          text: "确定",
-          backgroundColor: "linear-gradient(90deg,  #3C77BE 0%,#258feb 100%)",
-          color: "#fff",
-        },
-      ],
-      haveCourse: false, // 结算队列是否有课程类型的商品
-      isAndroid: null, //操作系统
-      beizhuShow: false, // 是否显示天医币说明？
-      couponHistoryList: [], // 可用优惠券
-      showCouponPup: false, // 是否显示优惠券弹窗
-      curCoupon: {}, // 选中的优惠券信息
-      curCouponId: undefined,
     };
   },
   async onLoad(options) {
-    var that = this;
     this.options = JSON.parse(options.data);
-    // this.getGoodsList();
-  },
-  async onShow() {
-    this.curCouponId = undefined;
-    var that = this;
-    // this.getGoodsList();
-    await uni.$on("returnData", function (data) {
-      if (data) {
-        that.addressData = {
-          ...data,
-          address: `${data.province}${data.city}${data.county}${data.detailAddress}`,
-          consigneeName: data.consigneeName,
-          consigneePhone: data.consigneePhone,
-        };
-        that.$forceUpdate();
+    console.log("this.options at line 155:", this.options);
+    this.priceKey = "price";
+    this.showNumber = true;
+    this.isHideAddress = false;
 
-        that.getUserAddress();
-      } else {
-      }
-    });
+    await this.init();
+    if (this.options.isFudu) {
+      //复读订单
+      this.pageType = "fudu";
+      this.showNumber = true;
 
-    if (platform == "ios") {
-      this.payList = [
-        {
-          text: "天医币",
-          imgUrl: require("@/static/icon/pay_3.png"),
-          type: 4,
-          value: "2",
-        },
-      ];
-      this.selectPayIndex = 0;
-      this.payType = 4;
+      await this.getFuduDataInfo();
+    } else if (this.options.isVip) {
+      //vip订单
+      this.pageType = "vip";
+      this.showNumber = false;
+      // this.isHideAddress = true;
+      this.priceKey = "rebateFee";
+      await this.getVipDataInfo();
     } else {
-      this.payList = [
-        {
-          text: "支付宝",
-          imgUrl: require("@/static/icon/pay_1.png"),
-          type: 2,
-          value: "0",
-        },
-        {
-          text: "微信",
-          imgUrl: require("@/static/icon/pay_2.png"),
-          type: 1,
-          value: "1",
-        },
-        {
-          text: "天医币",
-          imgUrl: require("@/static/icon/pay_3.png"),
-          type: 4,
-          value: "2",
-        },
-      ];
-      this.selectPayIndex = 1;
-      this.payType = 1;
-    }
-  },
-  computed: {
-    ...mapState(["userInfo"]),
-  },
-  methods: {
-    async getGoodsDataInfo(fn) {
-      if (this.options.isFudu) {
-        await this.$http
-          .request({
-            url: "/common/courseRelearn/relearnShopProductList",
-            method: "POST",
-            data: {
-              catalogueId: this.options.fuduId,
-            },
-            header: {
-              "Content-Type": "application/json",
-            },
-          })
-          .then(async (res) => {
-            this.goodsDataList = res.productList.filter(
-              (e) => this.options.goods[0].productName == e.productName
-            );
-            fn && fn();
-          });
-      } else {
-        await this.$http
-          .request({
-            url: "/book/buyOrder/getShopProductListByIds",
-            method: "POST",
-            data: {
-              productIds: this.options.goods.map((e) => e.productId).toString(),
-            },
-            header: {
-              "Content-Type": "application/json",
-            },
-          })
-          .then(async (res) => {
-            this.goodsDataList = res.shopProductList;
-            fn && fn();
-          });
-      }
-    },
-    async getGoodsList() {
-      //获取商品信息
+      //普通
+
+      this.pageType = "goods";
+
       await this.getGoodsDataInfo();
-      await this.initPrepareOrder();
+    }
 
-      await this.getVipFei();
-      await this.getDistrictAmount();
-      await this.getActiveCouponList();
-      var list = [...this.goodsDataList];
-      list = list.map((e) => e.goodsType);
-      this.haveCourse = list.some((ele) => ele === "05");
-      if (this.options.sourceType == "curriculum") {
-        this.goToInfo = {
-          url: "/pages/curriculum/order/index/index",
-          type: 2,
-        };
-      } else {
-        this.goToInfo = {
-          url: "/pages/bookShop/orderList",
-          type: 1,
-        };
-      }
-    },
-    async getVipFei() {
-      let key = [];
-      let dataToString = "";
-      this.goodsDataList.forEach((item, index) => {
-        key.push({
-          productId: item.productId,
-          quantity: this.orderNumber,
-        });
-      });
+    this.$nextTick(async () => {
+      this.showOrder = true;
+    });
+  },
 
-      await $http
-        .request({
-          url: "/book/buyOrder/getVipDiscountAmount",
-          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
-          data: {
-            productList: key,
-          },
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-        .then(async (res) => {
-          if (res.code == 0) {
-            console.log("res.code at line 538:", res);
-            this.vipPrice = res.discountAmount;
-            await this.getTotalPrice();
-          }
-        });
-    },
-    async getDistrictAmount() {
-      let key = [];
-      let dataToString = "";
+  computed: { ...mapState(["userInfo"]) },
+  methods: {
+    async init() {
+      if (this.options.isVip) {
+        //
 
-      this.goodsDataList.forEach((item, index) => {
-        key.push({
-          productId: item.productId,
-          quantity: this.orderNumber,
-        });
-        //	dataToString = dataToString.concat(item.productId+"="+item.productAmount+"&")
-      });
-      console.log(key, "this.adressMoRen.areaidpath");
+        await this.$http
+          .request({
+            url: `${this.urlList.userInfo}`,
+            method: "POST",
+            data,
+            header: {
+              "Content-Type": "application/json",
+            },
+          })
 
-      await $http
-        .request({
-          // url: "book/buyOrder/calculateTransportPrice/",
-          url: "/book/buyOrder/getDistrictAmount",
-          // url: "book/buyorder/getTransPrice/" + this.adressMoRen.areaidpath + "?" + dataToString,
-          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
-          data: {
-            productList: key,
-          },
-          header: {
-            //默认 无 说明：请求头
-            "Content-Type": "application/json",
-          },
-        })
-        .then(async (res) => {
-          if (res.code == 0) {
-            console.log("res.code at line 538111111111111111:", res);
-            this.districtAmount = res.districtAmount;
-            // console.log('需要的运费', res.result)
-            await this.getTotalPrice();
-          }
-        });
-    },
-    closeCoupon() {
-      this.showCouponPup = false;
-    },
-    confirmCoupon(data) {
-      if (data) {
-        this.curCoupon = data;
-        this.curCouponId = data.couponEntity.id;
-      } else {
-        this.curCoupon = {};
-        this.curCouponId = undefined;
-      }
+          .then(async (res) => {
+            console.log("res at line 1168:", res);
+            if (res.code == 0) {
+              this.initData = {user:res.result};
 
-      this.getTotalPrice();
-    },
-    // 查询商品可用优惠券
-    async getActiveCouponList() {
-      var list = [];
-      this.goodsDataList.forEach((e) => {
-        var str = `${e.productId}:${
-          e.activityPrice > 0 ? e.activityPrice : e.price
-        }:${this.orderNumber}`;
-        list.push(str);
-      });
-
-      var idsString = list.join(",");
-      this.$http
-        .request({
-          url: "common/coupon/getCouponListPayment",
-          method: "POST",
-          data: {
-            shopProductInfos: idsString,
-          },
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-
-        .then(async (res) => {
-          if (res.code != 0) {
-            uni.showToast({
-              title: res.errMsg,
-              icon: "none",
-            });
-            if (this.isShowAddress) {
-              await this.getUserAddress();
-            } else {
-              await this.getTotalPrice();
+              this.isHideAddress = true;
             }
 
-            return;
-          }
-          if (res.code == 0) {
-            this.couponHistoryList = res.couponHistoryList;
-
-            this.selectcouponList = this.couponHistoryList.filter(
-              (item) => item.canUse != 0
-            );
-            console.log(
-              "this.selectcouponList at line 984:",
-              this.selectcouponList
-            );
-            if (
-              this.selectcouponList.filter(
-                (item) => item.couponId == this.curCouponId
-              ).length == 0
-            ) {
-              this.curCoupon = {};
-              this.curCouponId = undefined;
-            }
-          } else {
-            this.couponHistoryList = [];
-
-            this.selectcouponList = [];
-          }
-
-          if (this.selectcouponList.length == 0) {
-            this.curCoupon = {};
-            this.curCouponId = undefined;
-          }
-
-          this.$forceUpdate();
-          if (this.isShowAddress) {
-            await this.getUserAddress();
-          } else {
-            await this.getTotalPrice();
-          }
-        })
-        .catch((e) => {
-          uni.showToast({
-            title: e.errMsg,
-            icon: "none",
+            this.$forceUpdate();
           });
-        });
-    },
-    handleChangejf(val) {
-      var value = val;
-      this.$nextTick(() => {
-        // 1. 只允许数字字符，并去掉小数点后的部分
-        value = value.replace(/[^0-9.]/g, ""); // 删除非数字和小数点字符
-
-        // 2. 如果有小数点，只保留小数点前的部分
-        if (value.indexOf(".") !== -1) {
-          value = value.split(".")[0]; // 截取小数点前的部分
-        }
-
-        // 如果输入为0，强制设置为0并显示为 "0"
-        if (val == 0) {
-          this.jfNumber = 0;
-          this.jfNumberShow = "0";
-        } else {
-          // 3. 强制转换为正整数
-          let numericValue = parseInt(value, 10); // 使用parseInt转换为整数
-          if (numericValue < 0 || isNaN(numericValue)) {
-            numericValue = 0;
-          }
-
-          // 4. 确保最大值限制
-          if (numericValue >= this.jfNumberMax) {
-            numericValue = this.jfNumberMax;
-          }
-
-          // 更新最终的数字值和显示
-          this.jfNumber = Math.max(0, numericValue); // 强制为正整数
-          this.jfNumberShow = this.jfNumber.toString(); // 显示整数
-        }
-
-        // 计算实际支付金额
-        var couponAmount = 0;
-        if (this.curCouponId && this.curCoupon.couponEntity.id) {
-          couponAmount = this.curCoupon.couponEntity.couponAmount;
-        }
-        this.actualPayment =
-          this.totalPrice -
-          couponAmount -
-          this.jfNumber +
-          this.freightNum -
-          this.districtAmount -
-          this.vipPrice;
-
-        // 如果实际支付金额为0，设置支付方式为默认货币
-        if (this.actualPayment == 0) {
-          console.log("this.actualPayment at line 1097:", this.actualPayment);
-          this.isDefaultCurrency = true;
-          var that = this;
-          this.payList.forEach((e, i) => {
-            if (e.type == 4) {
-              that.selectPayIndex = i;
-              that.payType = 4;
-            }
-          });
-          this.$forceUpdate();
-        } else {
-          this.isDefaultCurrency = false;
-        }
-        this.$forceUpdate();
-      });
-    },
-    onHandleClickBuy() {
-      this.orderModalShow = false;
-      this.remark = this.content;
-    },
-    closeOrderModalShow() {
-      if (this.orderModalShowInfo.type == "remark") {
-        this.content = "";
-      }
-      this.orderModalShow = false;
-    },
-    onPageJump(url) {
-      console.log(url, "url");
-      uni.navigateTo({
-        url: url,
-      });
-    },
-    // 获取订单初始话
-    async initPrepareOrder() {
-      if (this.options.isFudu) {
-        this.priceBreakdownList = [
-          {
-            text: "商品总价",
-            imgUrl: "",
-            type: 1,
-          },
-          {
-            text: "运费",
-            imgUrl: "",
-            type: 2,
-          },
-        ];
       } else {
-        this.priceBreakdownList = [
-          {
-            text: "商品总价",
-            imgUrl: "",
-            type: 1,
-          },
-          {
-            text: "运费",
-            imgUrl: "",
-            type: 2,
-          },
-
-          {
-            text: "优惠券",
-            imgUrl: "",
-            type: 3,
-          },
-        ];
-      }
-      if (
-        this.goodsDataList[0].activityPrice &&
-        this.goodsDataList[0].activityPrice > 0
-      ) {
-        this.priceBreakdownList.push({
-          text: "活动立减",
-          imgUrl: "",
-          type: 5,
-        });
-      }
-      if (
-        this.goodsDataList[0].isVipPrice &&
-        this.goodsDataList[0].vipPrice &&
-        this.goodsDataList[0].vipPrice > 0
-      ) {
-        this.priceBreakdownList.push({
-          text: "VIP专享立减",
-          imgUrl: "",
-          type: 6,
-        });
-      }
-      var data = {
-        uid: this.userInfo.id,
-        productList: this.goodsDataList.map((e) => {
-          return {
-            productId: e.productId,
-            quantity: this.orderNumber,
-          };
-        }),
-      };
-
-      var that = this;
-
-      this.$http
-        .request({
-          url: `${this.urlList.initPrepareOrder}`,
-          method: "POST",
-          data,
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-
-        .then(async (res) => {
-          console.log("res at line 1168:", res);
-          if (res.code == 0) {
-            this.initData = res.data;
-
-            console.log(
-              "this.initData at line 初始化课程订单信息:",
-              this.initData
-            );
-            this.isShowAddress = res.data.is_course ? false : true;
-            if (!this.isShowAddress) {
-              this.priceBreakdownList.push({
-                text: "积分",
-                imgUrl: require("@/static/icon/jifen.png"),
-                type: 4,
-              });
-            }
-          }
-
-          this.$forceUpdate();
-        });
-    },
-    // 获取地址列表
-    async getUserAddress() {
-      var data = {};
-
-      var that = this;
-
-      this.$http
-        .request({
-          url: `${this.urlList.addressList}?userId=${this.userInfo.id}`,
-          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
-          data,
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-
-        .then(async (res) => {
-          console.log("res at line 374:", res);
-          if (res.code == 0) {
-            if (res.list.length > 0) {
-              var index = res.list.findIndex((e) => e.isDefault == 1);
-              console.log("index at line 37711111111111111111111111:", index);
-              if (index >= 0) {
-                that.defaultAddressList = {
-                  ...res.list[index],
-
-                  address: `${res.list[index].province}${res.list[index].city}${
-                    res.list[index].county
-                  }${
-                    res.list[index].detailAddress
-                      ? res.list[index].detailAddress
-                      : ""
-                  }`,
-                };
-              } else {
-                console.log(that.defaultAddressList, "11111111111111");
-                that.defaultAddressList = {
-                  ...res.list[0],
-                  address: `${res.list[0].province}${res.list[0].city}${
-                    res.list[0].county
-                  }${
-                    res.list[0].detailAddress ? res.list[0].detailAddress : ""
-                  }`,
-                };
-              }
-            } else {
-              this.defaultAddressList = {};
-            }
-          }
-          if (!this.addressData.id) {
-            this.addressData = this.defaultAddressList;
-          }
-          if (this.defaultAddressList.id) {
-            console.log("有默认地址");
-            await this.getFreightNum();
-          }
-          this.$forceUpdate();
-        });
-    },
-
-    //获取运费
-    async getFreightNum() {
-      console.log("this.userInfo.id at line 368:", this.userInfo.id);
-      var data = {
-        products: this.goodsDataList.map((e) => {
-          return {
-            productId: e.productId,
-            quantity: this.orderNumber,
-          };
-        }),
-        regionCode: this.addressData.regionCode,
-      };
-
-      var that = this;
-
-      this.$http
-        .request({
-          url: `${this.urlList.freightNum}`,
-          method: "POST",
-          data,
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-
-        .then(async (res) => {
-          console.log("res at line 37411:", res);
-          if (res.code == 0) {
-            this.freightNum = res.result;
-          }
-          await this.getTotalPrice();
-          this.$forceUpdate();
-        });
-    },
-    handleFresh() {
-      this.show = false;
-    },
-    async getReturnData() {},
-    getTotalPrice() {
-      var s = 0;
-      var that = this;
-      for (var i = this.goodsDataList.length - 1; i >= 0; i--) {
-        s += this.goodsDataList[i].price;
-      }
-      that.totalPrice = s * this.orderNumber;
-      var couponAmount = 0;
-      var couponData = this.selectcouponList.filter(
-        (e) => e.couponId == that.curCouponId
-      );
-      if (this.curCoupon.couponId) {
-        couponAmount = that.curCoupon.couponEntity.couponAmount;
-      } else {
-        couponAmount = 0;
-      }
-      if (!this.isShowAddress) {
-        if (that.initData.user && that.initData.user.jf) {
-          var totalMoney =
-            that.totalPrice - that.districtAmount - that.vipPrice;
-          if (this.initData.user.jf >= totalMoney) {
-            const integerPart = Math.floor(totalMoney);
-
-            this.jfNumber = integerPart - couponAmount; // 设置 jfNumber
-            this.jfNumberMax = integerPart - couponAmount; // 设置 jfNumberMax
-          } else {
-            if (this.initData.user.jf >= couponAmount) {
-              this.jfNumber = this.initData.user.jf - couponAmount;
-              this.jfNumberMax = this.initData.user.jf - couponAmount;
-            } else {
-              this.jfNumber = this.initData.user.jf;
-              this.jfNumberMax = this.initData.user.jf;
-            }
-          }
-        } else {
-          this.jfNumber = 0;
-        }
-
-        if (that.jfNumber == 0 || that.jfNumber == null) {
-          that.jfNumberShow = "0.00";
-          that.actualPayment = that.totalPrice - couponAmount;
-        } else {
-          that.jfNumberShow = that.jfNumber.toFixed(2);
-          that.actualPayment = that.totalPrice - that.jfNumber - couponAmount;
-        }
-        that.actualPayment =
-          that.actualPayment +
-          that.freightNum -
-          that.districtAmount -
-          that.vipPrice;
-      } else {
-        that.actualPayment =
-          that.totalPrice +
-          that.freightNum -
-          couponAmount -
-          that.districtAmount -
-          that.vipPrice;
-      }
-      if (this.actualPayment == 0 && !this.isShowAddress) {
-        this.isDefaultCurrency = true;
-      } else {
-        this.isDefaultCurrency = false;
-      }
-      this.$forceUpdate();
-    },
-    selectAddress(data) {
-      this.show = false;
-    },
-    goToAddress() {
-      uni.navigateTo({
-        url: "/pages/component/commonComponents/address/index?type=order",
-      });
-    },
-    fnCopy(value, title) {
-      this.$commonJS.handleMakingPhoneCalls(value, title);
-    },
-
-    gotoPhone() {
-      this.$commonJS.handleMakingPhoneCalls("022-24142321");
-    },
-    openOrderModal(v) {
-      this.orderModalShowInfo = v;
-      console.log(
-        "this.orderModalShowInfo at line 727:",
-        this.orderModalShowInfo
-      );
-      this.orderModalShow = true;
-      if (this.orderModalShowInfo.type == "remark") {
-        this.content = this.remark;
-      }
-    },
-    async goBuyJie() {
-      if (this.buyingFlag) {
-        uni.showToast({
-          title: "操作太频繁了，休息下吧",
-          icon: "none",
-        });
-        return;
-      }
-      this.buyingFlag = true;
-      var that = this;
-      this.nowClick = false;
-      setTimeout(() => {
-        this.nowClick = true;
-      }, 5000);
-      let xiaBiao = [];
-      let data = {};
-
-      if (
-        this.payType == 4 &&
-        this.initData.user.peanutCoin < Number(this.actualPayment)
-      ) {
-        uni.showToast({
-          title: "天医币余额不足",
-          icon: "none",
-        });
-        return;
-      }
-      if (this.options.isFudu) {
-        data = {
-          jfDeduction: this.jfNumber,
-          paymentMethod: this.payType, //支付方式   2支付宝，1微信，3ios内购    4，天医币购买
-          orderMoney: this.totalPrice, //订单金额
-          realMoney: this.actualPayment, //实收金额
-          remark: this.goodsDataList
-            .map((e) => e.productId + "," + e.productName)
-            .join(","), //productId,商品名
-          come: "2",
-        };
-      } else {
-        if (this.options.goods[0].goodsType != "05") {
-          if (!this.addressData.id) {
-            this.$commonJS.showToast("请选择收货地址");
-            return false;
-          }
-        }
-
-        data = {
-          buyType: this.options.typeId, //0- 商品页直接下单  1- 购物车结算
-          userId: this.userInfo.id, //下单人ID
-          shippingUser: this.addressData
-            ? this.addressData.consigneeName
-            : "111", //收货人姓名
-          userPhone: this.addressData.consigneePhone, //收货人手机号
-          jfDeduction: this.jfNumber,
-          paymentMethod: this.payType, //支付方式   2支付宝，1微信，3ios内购    4，天医币购买
-          orderMoney: this.totalPrice, //订单金额
-          realMoney: this.actualPayment, //实收金额
-          shippingMoney: this.freightNum, //运费
-          remark: this.remark, //备注
-          couponId: this.curCouponId ? this.curCoupon.id : null, //优惠券Id
-          // isSend: this.isSend,
-          couponName:
-            this.curCouponId && this.curCoupon.id
-              ? this.curCoupon.couponEntity.couponName
-              : "", //优惠券名称
-          districtMoney: 0, //优惠金额
-          vipDiscountAmount: this.vipPrice, //折扣金额
-          districtMoney: this.districtAmount, //折扣金额
-
-          productList: this.goodsDataList.map((e) => {
+        var data = {
+          uid: this.userInfo.id,
+          productList: this.options.goods.map((e) => {
             return {
-              productId: e.productId,
-              quantity: this.orderNumber,
+              productId: e.productId || e.id,
+              quantity: 1,
             };
-          }), //订单列表商品
-          orderType: "order", //订单类型
-          addressId:
-            this.options.goods[0].goodsType != "05" ? this.addressData.id : 0, // 地址ID
-          appName: "wumen",
-          come: "2",
+          }),
         };
-        var productList = [...data.productList];
-        var thisproduct = productList.map((item) => {
-          return item.productId + "_" + item.quantity;
-        });
-        thisproduct = thisproduct.join(",");
-      }
-      if (
-        this.historyOrderInfo &&
-        thisproduct == this.historyOrderInfo.product &&
-        data.addressId == this.historyOrderInfo.addressId &&
-        this.historyOrderInfo.realMoney == data.realMoney
-      ) {
-        that.canjump = false;
-        uni.showModal({
-          title: "提示",
-          content: "您短时间内有一笔相同金额的订单，是否确定继续下单？",
-          cancelText: "点错了",
-          confirmText: "继续操作",
-          success: function (res) {
-            that.canjump = true;
-            if (res.confirm) {
-              that.buyingFlag = false;
-              console.log("用户点击确定", that.buyingFlag);
-              that.submitorder(data);
-            } else {
-              that.buyingFlag = false;
+
+        var that = this;
+
+        await this.$http
+          .request({
+            url: `${this.urlList.initPrepareOrder}`,
+            method: "POST",
+            data,
+            header: {
+              "Content-Type": "application/json",
+            },
+          })
+
+          .then(async (res) => {
+            console.log("res at line 1168:", res);
+            if (res.code == 0) {
+              this.initData = res.data;
+
+              console.log(
+                "this.initData at line 初始化课程订单信息:",
+                this.initData
+              );
+              if (res.data.is_course) {
+                this.isHideAddress = true;
+              }
             }
-          },
-        });
-      } else {
-        that.submitorder(data);
+
+            this.$forceUpdate();
+          });
       }
     },
-    //支付操作
-    async submitorder(data) {
-      uni.showLoading({
-        title: "正在请求订单",
-      });
-      // this.buyingFlag = false
-      console.log("进来请求了吗？");
-      let that = this;
+    findById(id, data) {
+      // Loop through the data array
+      for (const item of data) {
+        // Check if vcbList exists and loop through each item in vcbList
+        if (item.vcbList) {
+          const vcbItem = item.vcbList.find((vcb) => vcb.id === id);
+          if (vcbItem) {
+            return vcbItem; // Return the matching item
+          }
+        }
+        if (item.yanqiList) {
+          const vcbItem = item.yanqiList.find((vcb) => vcb.id === id);
+          if (vcbItem) {
+            return vcbItem; // Return the matching item
+          }
+        }
+      }
+      return null; // Return null if no item with the given ID is found
+    },
 
-      await $http
+    async getFuduDataInfo() {
+      await this.$http
         .request({
-          url: that.options.isFudu
-            ? that.urlList.renewPayment
-            : that.urlList.buyOrder,
+          url: "/common/courseRelearn/relearnShopProductList",
           method: "POST",
-          data,
+          data: {
+            catalogueId: this.options.fuduId,
+          },
           header: {
             "Content-Type": "application/json",
           },
         })
         .then(async (res) => {
-          console.log("res at line 598系统下单返回结果:", res);
-          that.buyingFlag = false;
-          if (!that.options.isFudu) {
-            var product = data.productList.map((item) => {
-              return item.productId + "_" + item.quantity;
-            });
-            product = product.join(",");
-            that.historyOrderInfo = {
-              product: product,
-              addressId: data.addressId,
-              realMoney: data.realMoney,
-            };
-          }
-          if (res.code == 0) {
-            if (res.orderSn == null) {
-              uni.showToast({
-                title: "失败,请重新下单",
-                icon: "none",
-                image: "../../../static/icon/ic_close.png",
-              });
-            } else {
-              uni.showToast({
-                title: "下单成功，即将进行支付",
-                icon: "none",
-              });
-              if (that.payType == 2) {
-                // 常规支付
-                await setPay(
-                  {
-                    typePay: "alipay",
-                    subject: "order",
-                    totalAmount: res.money,
-                    type: 2,
-                    relevanceoid: res.orderSn,
-                    customerId: that.userInfo.id,
-                  },
-                  (res) => {
-                    uni.showLoading({
-                      title: "加载中",
-                    });
-                    console.log(res, "支付支付");
-                    if (res.success) {
-                      uni.hideLoading();
-                      uni.showToast({
-                        title: "支付成功",
-                      });
-                      setTimeout(() => {
-                        if (that.canjump) {
-                          if (that.goToInfo.type == 1) {
-                            uni.switchTab({
-                              url: `${that.goToInfo.url}?type=order`,
-                            });
-                          } else {
-                            uni.redirectTo({
-                              url: `${that.goToInfo.url}?backType=order`,
-                            });
-                          }
-                        }
-                      }, 1000);
-                    } else {
-                      setTimeout(() => {
-                        console.log("延迟调用 失败提示");
-                        uni.showToast({
-                          title: "支付失败",
-                          image: "../../../static/icon/ic_close.png",
-                        });
-                      }, 0);
-                    }
-                  }
-                );
-              } else if (that.payType == 1) {
-                // 微信支付
-                let data1 = {
-                  orderSn: res.orderSn,
-                  buyOrderId: null,
-                  totalAmount: res.money,
-                };
-                setWXPay(data1, (res) => {
-                  if (res.success) {
-                    uni.hideLoading();
-                    uni.showToast({
-                      title: "支付成功",
-                    });
-                    setTimeout(() => {
-                      if (that.canjump) {
-                        if (that.goToInfo.type == 1) {
-                          uni.switchTab({
-                            url: `${that.goToInfo.url}?type=order`,
-                          });
-                        } else {
-                          uni.redirectTo({
-                            url: `${that.goToInfo.url}?backType=order`,
-                          });
-                        }
-                      }
-                    }, 1000);
-                  } else {
-                    uni.hideLoading();
-                    console.log(res, "微信支付111111111111111");
-                    if (res.data.errMsg.indexOf("User canceled") != -1) {
-                      uni.showToast({
-                        title: "用户取消支付",
-                        icon: "none",
-                        image: "../../../static/icon/ic_close.png",
-                      });
-                    } else {
-                      uni.showToast({
-                        title: "支付失败",
-                        icon: "none",
-                        image: "../../../static/icon/ic_close.png",
-                      });
-                    }
-                  }
-                });
-              } else if (that.payType == 4) {
-                that.buyingFlag = false;
-                // 天医币支付
-                uni.hideLoading();
-                uni.showToast({
-                  title: "购买成功",
-                  icon: "success",
-                });
-                setTimeout(() => {
-                  if (that.canjump) {
-                    if (that.goToInfo.type == 1) {
-                      uni.switchTab({
-                        url: `${that.goToInfo.url}?type=order`,
-                      });
-                    } else {
-                      uni.redirectTo({
-                        url: `${that.goToInfo.url}?backType=order`,
-                      });
-                    }
-                  }
-                }, 1000);
-              }
-            }
-          }
-        })
-        .catch((e) => {
-          that.buyingFlag = false;
-          uni.hideLoading();
+          this.goodsDataList = res.productList.filter(
+            (e) => this.options.goods[0].productName == e.productName
+          );
         });
     },
-    radioChange(index) {
-      this.selectPayIndex = index;
-      this.payType = this.payList[this.selectPayIndex].type;
-      this.$forceUpdate();
-    },
-    handleValChange(e) {
-      console.log("e at line 424:", e);
-    },
-    buttonClick(e) {
-      console.log(e);
-      this.options[2].info++;
-    },
 
-    hancleModalConfirm() {
-      var data = {
-        values: {
-          customerType: "D",
-          token: uni.getStorageSync("token"),
-          customerOid: uni.getStorageSync("customerOid"),
-          ...this.taiHuClassInfo,
-        },
-      };
-    },
-    fnRelearn(oid, days, courseFee) {
-      //99和199课程复读一个月60三个月120; 299和399课程复读一个月80三个月180
-      //499和599课程复读一个月90三个月220; 699和799课程复读一个月100三个月248
-      var feeAs = [
-        [60, 120],
-        [80, 180],
-        [90, 220],
-        [100, 248],
-      ];
-      var fee = 0;
-      if (courseFee < 206) {
-        fee = feeAs[0][days == 30 ? 0 : 1];
-      } else if (courseFee < 406) {
-        fee = feeAs[1][days == 30 ? 0 : 1];
-      } else if (courseFee < 606) {
-        fee = feeAs[2][days == 30 ? 0 : 1];
-      } else {
-        fee = feeAs[3][days == 30 ? 0 : 1];
-      }
-      this.modalInfo = {
-        title: "提示信息",
-        content:
-          "用户您好，该课程已到期，通过支付" +
-          fee +
-          "元，本门课程可获得" +
-          days +
-          "天延期学习时间，点击确认即完成自动扣费，感谢配合！",
-      };
-
-      this.taiHuClassInfo = {
-        taiHuClassOid: oid,
-        days: days,
-        fee: fee,
-      };
-      this.show = true;
-    },
-    async getCourseDescriptionData() {
-      var data = {};
-      var that = this;
-      console.log(this.$store.state, "11111111111");
-      this.$http
-        .post(this.urlList.list, {
-          customerType: "D",
-          token: uni.getStorageSync("token"),
-          customerOid: uni.getStorageSync("customerOid"),
-          oid: this.options.oid,
+    async getVipDataInfo() {
+      await this.$http
+        .request({
+          url: "/common/userVip/getVipBuyConfigList",
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
         })
         .then(async (res) => {
-          that.curriculumData = res.obj;
+          console.log("res at line 846:", res);
+          var data = await this.findById(this.options.goods[0].id, res.res);
+          console.log("data at line 200:", data);
+          this.goodsDataList = [
+            {
+              ...data,
+              productId: data.id,
 
-          if (
-            that.curriculumData.productImageList == null ||
-            that.curriculumData.productImageList == ""
-          ) {
-            this.swiperList.push(that.curriculumData.explainsImg);
-          } else {
-            that.swiperList = that.curriculumData.productImageList.split(",");
-          }
-
-          that.dataList = res.obj.correlatedList;
-          await that.getDetailInfo();
+              price: data.rebateFee,
+            },
+          ];
+          console.log("this.goodsDataList at line 861:", this.goodsDataList);
         });
     },
-    getPriceData() {
-      var that = this;
-      setTimeout(() => {
-        that.$nextTick(() => {
-          that.$refs.priceDetail.getTotalPrice();
-        });
-      }, 100);
-    },
-    // 检查是有权限使用搜索功能
-    checkDisable() {
-      console.log("点击了");
-    },
-    // 获取用户详情
-    getUserInfo() {
-      // 用户详情
-      if (this.userInfo.id != undefined) {
-        this.$http.post("book/user/info/" + this.userInfo.id).then((res) => {
-          this.userMes = res.user;
-          this.getCateList();
-          console.log(this.userMes, "呼呼");
-        });
-      }
-    },
-
-    async handleselectCate(item, index) {
-      this.dataList = [];
-      var data = [];
-      console.log(item, index, 99999);
-      var that = this;
-      this.$http
-        .post(this.urlList.curriculumInfo, {
-          customerType: "D",
-          token: uni.getStorageSync("token"),
-          customerOid: uni.getStorageSync("customerOid"),
-          oid: item.coid,
+    async getGoodsDataInfo(fn) {
+      await this.$http
+        .request({
+          url: "/book/buyOrder/getShopProductListByIds",
+          method: "POST",
+          data: {
+            productIds: this.options.goods.map((e) => e.productId).toString(),
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
         })
         .then(async (res) => {
-          that.curriculumInfo = res.obj;
-          that.dataList = res.obj.courseList;
+          this.goodsDataList = res.shopProductList;
         });
-      this.searchValue = "";
-      this.searchList = [];
-      this.showSearchList = false;
-      return data;
-    },
-    async getDetailInfo() {
-      var that = this;
-      this.detailInfo = {
-        content:
-          "<img src='http://oss.taihumed.com/other/null_20210528102528870.jpg' ></img> <img src='http://101.201.146.165:8088/curriculum/detailImg/curriculum_20170420143333621.png'  ></img><p><p>没有中医基础想学中医难不难？中医学者治疗出现瓶颈怎么办？中西医究竟有什么不同呢？吴雄志教授将以全新的视角，完美整合中药学和西医学知识，让你领略当代中医生理学魅力。</p><p><br/><p></p><p><br/></p><p>【思考题】</p><p>1、简述中医的发展这些年出现了哪些变化？</p><p>2、简述中西医学科的异同？</p>",
-      };
-
-      this.searchValue = "";
-      this.searchList = [];
-      this.showSearchList = false;
-
-      return data;
-    },
-    async setOneCateIndex(item, index) {
-      this.allDataList = [];
-      console.log(index, 99999);
-      var that = this;
-      this.currentStatusIndex = index;
-      this.searchValue = "";
-      this.searchList = [];
-      this.showSearchList = false;
-      this.$nextTick(async () => {
-        await that.getCourseDescriptionData();
-
-        this.$forceUpdate();
-      });
-    },
-
-    transformData(inputData) {
-      const result = {};
-      inputData.forEach((item) => {
-        const { letter } = item;
-        if (!result[letter]) {
-          result[letter] = [];
-        }
-        result[letter].push(item);
-      });
-      return result;
-    },
-    getCateList(id) {
-      id ? "" : (id = 0);
-      this.twoCateList = [];
-      this.curTwoCateIndex = 0;
     },
   },
   onBackPress() {
@@ -1863,567 +345,27 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@/style/mixin.scss";
-
-.order_box {
-  padding: 20rpx;
-
-  .order_top {
-    background-color: #fff;
-    margin-bottom: 20rpx;
-  }
-
-  .goods_item {
-    //
-    width: 100%;
-    overflow: hidden;
-
-    .textarea {
-      margin-top: 20rpx;
-      background-color: #fffdfd;
-    }
-
-    .goods_item_img {
-      width: 140rpx;
-      height: 140rpx;
-      float: left;
-      background-color: #f5f5f5;
-      border-radius: 10rpx;
-    }
-
-    .normal_box {
-      width: calc(100% - 160rpx);
-      height: auto;
-      float: right;
-
-      // overflow: hidden;
-      .normal_box_top {
-        width: 100%;
-        display: flex;
-
-        height: 100rpx;
-        // margin-bottom: 40rpx;
-      }
-    }
-  }
-}
-
-.u-grid-list {
-  // height: 40rpx;
-}
-
-.flexbox {
-  display: flex;
-}
-
-.dataList {
-  height: 100%;
-}
-
-.titleList2 {
-  height: calc(100% - 150rpx);
-}
-
-.priceDetail {
-  height: calc(100% - 180rpx) !important;
-  padding: 0rpx 0;
-  box-sizing: border-box;
-}
-
-.componentPage {
-  height: calc(100% - 90rpx) !important;
-}
-
-.dateReminder {
-  width: 100%;
-  font-size: 24rpx;
-  text-align: right;
-  line-height: 40rpx;
-}
-
-.fdButtonBox {
-  border: 1rpx solid $themeColor;
-  background-color: $themeColor;
-  color: #fff;
-  // width: 100%;
-  float: right;
-  padding: 4rpx 14rpx;
-  font-size: 24rpx;
-  font-weight: 500;
-  line-height: 30rpx;
-  border-radius: 10rpx;
-  box-sizing: border-box;
-
-  // margin-top: 20rpx;
-  // display: flex;
-  // align-items: center;
-}
-
-.commonDetailPage {
-  font-size: 28rpx;
-  padding-bottom: 150rpx !important;
-}
-
-.goods_box {
-  background-color: #fff;
-  // margin-top: 20rpx;
-  // padding: 40rpx 30rpx;
-  box-sizing: border-box;
-  width: 100%;
-
-  .title {
-    color: #333;
-    font-weight: 600;
-    margin-bottom: 20rpx;
-  }
-
-  .curriulum_title_box {
-    width: calc(100%) !important;
-    padding-bottom: 20rpx;
-    background-color: #fff;
-
-    .curriulum_title {
-      // width: calc(100% - 80rpx);
-      width: calc(100%);
-      font-weight: 500;
-      font-size: 30rpx;
-      // line-height: 40rpx;
-      //     display: flex;
-      // align-items: center;
-      margin-top: 10rpx;
-      float: left;
-      margin-bottom: 0rpx;
-      color: #333;
-      // padding: 20rpx;
-      box-sizing: border-box;
-    }
-  }
-}
-
-.dataList {
-  background-color: #fff !important;
-  padding: 0 30rpx 40rpx !important;
-  box-sizing: border-box;
-}
-
-/deep/.titleItem {
-  // width: calc(100% - 120rpx) !important;
-}
-
-/deep/.scroll-view-item:nth-child(2n-1) {
-  background-color: transparent !important;
-}
-
-.dataList {
-  height: auto !important;
-}
-
-.related_courses_box {
-  background-color: #fff;
-
-  .small_class_teaching_content {
-    padding: 10rpx 20rpx;
-    box-sizing: border-box;
-  }
-}
-
-.related_courses_name {
-  display: inline-block;
-  width: calc(100% - 150rpx) !important;
-
-  .aui-text-danger {
-    display: inline-block;
-    float: right;
-  }
-}
-
-.original_price {
-  font-size: 28rpx !important;
-  font-weight: 500;
-  color: #999 !important;
-  white-space: nowrap;
-  text-decoration: line-through;
-  float: left;
-  margin-top: 6rpx;
-}
-
-.price {
-  width: auto;
-  font-size: 30rpx;
-  font-weight: 600;
-  float: right;
-  margin-right: 10rpx;
-  color: #333;
-  // font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
-}
-
-.price_box {
-  width: auto;
-  overflow: hidden;
-  margin-top: 10rpx;
-}
-
-.commonTags {
-  margin-right: 20rpx;
-  margin-top: -5rpx !important;
-}
-
-.sales_number {
-  text-decoration: none;
-  color: #b0b0b0;
-  font-weight: 500;
-}
-
-// .common_curriculum_list{
-
-// }
-/deep/.common_curriculum_list {
-  margin-top: 20rpx;
-  padding: 20rpx 20rpx 20rpx;
-
-  .content_item {
-    width: 100% !important;
-    margin-bottom: 0 !important;
-    padding: 15rpx 0 0rpx;
-    border-top: 1rpx solid #f1f0f0;
-    // height: 160rpx;
-
-    .book_image {
-      width: 60rpx !important;
-      height: 60rpx !important;
-      float: left !important;
-      background-color: #f5f5f5;
-    }
-
-    .common_curriculum_item {
-      width: calc(100% - 88rpx);
-      float: right;
-      display: block !important;
-
-      // overflow: hidden;
-
-      .related_courses_name {
-        width: 100% !important;
-      }
-    }
-  }
-
-  .content_item:nth-child(1) {
-    border-top: none !important;
-  }
-}
-
-/deep/.common_section {
-  padding: 0 !important;
-  padding-bottom: 20rpx !important;
-}
-
-.goods_detail_list_title {
-  display: block;
-  padding-top: 20rpx;
-  padding-bottom: 40rpx;
-
-  .linlanzhifu {
-    display: flex;
-    align-items: center;
-  }
-
-  .other_info {
-    font-size: 28rpx;
-    // color: #aaa;
-    color: #5a5a5a;
-
-    .explain {
-    }
-  }
-
-  .left {
-    display: flex;
-    align-items: center;
-  }
-
-  .right {
-    font-size: 24rpx;
-    font-weight: 500 !important;
-    color: #999;
-    font-family: none;
-  }
-
-  // justify-content: space-between;
-}
-
-.commonPageContentBox {
-  height: auto !important;
-}
-
-.minus {
-  width: 50rpx;
-  height: 50rpx;
-  border-width: 2rpx;
-  border-color: #e6e6e6;
-  border-right-color: transparent;
-
-  border-top-left-radius: 10rpx;
-  border-bottom-left-radius: 10rpx;
-  border-style: solid;
-  // border-top-left-radius: 100px;
-  // border-top-right-radius: 100px;
-  // border-bottom-left-radius: 100px;
-  // border-bottom-right-radius: 100px;
-  // border-radius:10rpx;
-  @include flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.input {
-  padding: 0 10px;
-  height: 50rpx;
-  border: 1rpx solid #e6e6e6;
-}
-
-.plus {
-  width: 50rpx;
-  height: 50rpx;
-  border-width: 2rpx;
-  border-color: #e6e6e6;
-  border-left-color: transparent;
-  border-style: solid;
-  // background-color: #258feb;
-
-  border-top-right-radius: 10rpx;
-  border-bottom-right-radius: 10rpx;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  justify-content: center;
-  align-items: center;
-  color: $themeColor;
-}
-
-.order_bottom_box {
+.goodsvipLabel {
   position: absolute;
-  right: 20rpx;
-
-  .number {
-    font-size: 28rpx;
-    margin-right: 15rpx;
-    margin-top: 5rpx;
-  }
-
-  .price {
-    .total {
-      font-size: 30rpx;
-      color: red;
-    }
-  }
+  z-index: 10;
+  top: 4px;
+  left: 0px;
+  margin-right: 10px;
+  text-align: center;
+  font-size: 18rpx;
+  background-color: #f94f04;
+  color: #fff;
+  font-weight: bold;
+  border-radius: 4px;
+  width: 80rpx;
+  padding: 2px 4px;
+  box-sizing: border-box;
 }
-
-/deep/.goods_nav_box {
-  .left {
-    margin-top: -10rpx;
-    width: calc(100% - 220rpx);
-    height: auto;
-    position: relative;
-    // overflow: hidden;
-  }
-}
-
-.explain {
-  word-wrap: break-word;
-  word-break: normal;
-  word-break: break-all; //会断词
-  // white-space: nowrap;
-}
-
-.order_bottom_box {
-  display: flex;
-  align-items: center;
-}
-
-.pay_box {
-  .pay_item {
-    border-bottom: 1rpx solid #eeecec;
-    padding-top: 20rpx;
-    justify-content: space-between;
-
-    .top {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
-
-    .left {
-      line-height: 50rpx;
-      font-family: MicrosoftYaHei;
-      font-weight: 500;
-
-      color: #242323;
-
-      .pay_item_img {
-        width: 50rpx;
-        height: 50rpx;
-        float: left;
-        margin-right: 20rpx;
-      }
-    }
-
-    .bottom {
-      width: calc(100% - 60rpx);
-      float: right;
-      // background-color: #dcdfe6;
-      background-color: #f5f5f5;
-      border-radius: 20rpx;
-      margin-top: 20rpx;
-
-      .jf_box {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        padding: 0 20rpx;
-        box-sizing: border-box;
-        justify-content: space-between;
-        color: #aaa;
-      }
-
-      .jf_input {
-        width: calc(100% - 320rpx) !important;
-        padding: 10rpx 0;
-        box-sizing: border-box;
-      }
-    }
-  }
-
-  /deep/.pay_item:nth-last-child(1) {
-    border-bottom: none !important;
-  }
-}
-
-.linlanzhifu {
-  font-size: 28rpx;
-  line-height: 24rpx;
-}
-
-.address_box {
-  // padding: 20rpx;
-  display: flex;
-  align-items: center;
-
-  .order_top {
-    background-color: #fff;
-    // margin-bottom: 20rpx;
-  }
-
-  .user_info {
-    width: 100%;
-    float: left;
-    display: flex;
-    margin-top: 10rpx;
-    align-items: center;
-
-    .name {
-      color: #838282;
-      margin-right: 10rpx;
-    }
-
-    .tel {
-      color: #838282;
-    }
-  }
-
-  .curriulum_title {
-    width: auto;
-    font-size: 34rpx;
-    font-weight: 700;
-    float: left;
-    margin-right: 10rpx;
-    color: #333;
-    line-height: 50rpx;
-    letter-spacing: 2rpx;
-  }
-
-  .normal_box {
-    margin-left: 5rpx;
-    width: calc(100% - 120rpx);
-  }
-
-  .goods_box {
-    padding: 20rpx 20rpx;
-    display: flex;
-    align-items: center;
-  }
-
-  .rightArrow {
-    margin-left: 40rpx;
-    width: 40rpx;
-    height: 40rpx;
-    // position: absolute;
-    // right: 30rpx;
-  }
-}
-
-.rightArrow {
-  width: 40rpx;
-  height: 40rpx;
-  // position: absolute;
-  // right: 30rpx;
-}
-
-.orderModalShow {
-  width: 100%;
-  max-height: 48vh;
-  padding-bottom: 120rpx;
-}
-
-.popup_box {
-  .curriulum_title_box {
-    .title {
-      text-align: center;
-      font-size: 34rpx !important;
-      padding-top: 15rpx !important;
-      margin-bottom: 60rpx !important;
-    }
-  }
-}
-
-.hasRemark {
-  color: #333 !important;
-  font-size: 40rpx !important;
-}
-
-.bgGrey {
-  // background-color: #f5f5f5;
-}
-
-.minus {
-  width: 22px;
-  height: 22px;
-  border-width: 1px;
-  border-color: #e6e6e6;
-  border-style: solid;
-  border-top-left-radius: 100px;
-  border-top-right-radius: 100px;
-  border-bottom-left-radius: 100px;
-  border-bottom-right-radius: 100px;
-  @include flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.input {
-  padding: 0 10px;
-}
-
-.plus {
-  width: 22px;
-  height: 22px;
-  background-color: #ff0000;
-  border-radius: 50%;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  justify-content: center;
-  align-items: center;
+.goods_item_img {
+  width: 140rpx;
+  height: 140rpx;
+  float: left;
+  background-color: #f5f5f5;
+  border-radius: 10rpx;
 }
 </style>
diff --git a/pages/hufen/hufen.vue b/pages/hufen/hufen.vue
index b671da2..1d0c677 100644
--- a/pages/hufen/hufen.vue
+++ b/pages/hufen/hufen.vue
@@ -21,7 +21,7 @@
               color: #258feb !important;
               font-weight: bold;
             "
-            >{{ slotProps.row.score }}</text
+            >{{ slotProps.row.score }}<text style="font-size: 30rpx;margin-left: 4rpx;">湖分</text></text
           >
         </template>
       </common-list>
diff --git a/pages/mine/mine/index.vue b/pages/mine/mine/index.vue
index 4de9bca..68f3ad2 100644
--- a/pages/mine/mine/index.vue
+++ b/pages/mine/mine/index.vue
@@ -1,1034 +1,1151 @@
 <template>
-	<view style=" position: relative;
-      padding: 0 0;
-      font-size: 28rpx;
-      ;
-    " class="commonPageeeee commonPageBox">
-		<!-- 公共组件-每个页面必须引入 -->
-		<public-module></public-module>
-		<view class="setIcon" @click="goSetting">
-			<u-icon class="" labelColor="#258feb" labelPos="bottom" label="设置" name="setting"
-				:style="`top:${(10 + statusBarHeight) * 2}rpx`" color="#258feb" size="28"></u-icon>
-		</view>
+  <view
+    style="position: relative; padding: 0 0; font-size: 28rpx"
+    class="commonPageeeee commonPageBox"
+  >
+    <!-- 公共组件-每个页面必须引入 -->
+    <public-module></public-module>
+    <view class="setIcon" @click="goSetting">
+      <u-icon
+        class=""
+        labelColor="#258feb"
+        labelPos="bottom"
+        label="设置"
+        name="setting"
+        :style="`top:${(10 + statusBarHeight) * 2}rpx`"
+        color="#258feb"
+        size="28"
+      ></u-icon>
+    </view>
 
-		<view class="bg_top flex_box flex_between">
-			<view class="per_mes">
-				<view class="per_mes_user" :style="hasVipType2?'width: 170rpx;':''">
-					<view style="width: 120rpx; height: 120rpx; display: inline-block;">
-						<image @click="goUserInfo" :src="userMes.avatar" v-if="userMes.avatar"
-							class="per_mes_img color_shandow"></image>
-						<image src="@/static/icon/home_icon_logo.png" v-else
-							class="per_mes_img color_shandow"></image>
-					</view>
-					<view class="user_vip_box" v-if="hasVipType1 || hasVipType2">
-						<view class="user_vip super" :style="hasVipType2?'width: 170rpx;':''">
-							<view class="user_vip_item" v-if="hasVipType1"><text>医学</text><image src="@/static/icon/chao_svip.png"></image></view>
-							<view class="user_vip_item" v-if="hasVipType2"><text>国学心理学</text><image src="@/static/icon/chao_svip.png"></image></view>
-						</view>
-					</view>
-				</view>
-				<view class="userInfoBox" style="margin-left: 20rpx;">
-					<template>
-						<view class="name">{{ userMes.nickname ? userMes.nickname : "未设置" }}</view>
-					</template>
-					<template v-if="userMes.tel">
-						<view class="phone">手机号：({{ userMes.tel }})</view>
-					</template>
-					<template v-if="textList.length>0">
-						<view class="vip_type">
-							<view class="vip_type_item" :class="textList.length>4?'vip_type_item_len':''" v-for="(item,index) in textList" :key="index">
-								{{item}}<image src="@/static/icon/chao_vip.png"></image>
-							</view>
-						</view>
-					</template>
-				</view>
-			</view>
+    <view class="bg_top flex_box flex_between">
+      <view class="per_mes">
+        <view class="per_mes_user" :style="hasVipType2 ? 'width: 170rpx;' : ''">
+          <view style="width: 120rpx; height: 120rpx; display: inline-block">
+            <image
+              @click="goUserInfo"
+              :src="userMes.avatar"
+              v-if="userMes.avatar"
+              class="per_mes_img color_shandow"
+            ></image>
+            <image
+              src="@/static/icon/home_icon_logo.png"
+              v-else
+              class="per_mes_img color_shandow"
+            ></image>
+          </view>
+          <view class="user_vip_box" v-if="hasVipType1 || hasVipType2">
+            <view
+              class="user_vip super"
+              :style="hasVipType2 ? 'width: 170rpx;' : ''"
+            >
+              <view class="user_vip_item" v-if="hasVipType1"
+                ><text>医学</text
+                ><image src="@/static/icon/chao_svip.png"></image
+              ></view>
+              <view class="user_vip_item" v-if="hasVipType2"
+                ><text>国学心理学</text
+                ><image src="@/static/icon/chao_svip.png"></image
+              ></view>
+            </view>
+          </view>
+        </view>
+        <view class="userInfoBox" style="margin-left: 20rpx">
+          <template>
+            <view class="name">{{
+              userMes.nickname ? userMes.nickname : "未设置"
+            }}</view>
+          </template>
+          <template v-if="userMes.tel">
+            <view class="phone">手机号：({{ userMes.tel }})</view>
+          </template>
+          <template v-if="textList.length > 0">
+            <view class="vip_type">
+              <view
+                class="vip_type_item"
+                :class="textList.length > 4 ? 'vip_type_item_len' : ''"
+                v-for="(item, index) in textList"
+                :key="index"
+              >
+                {{ item }}<image src="@/static/icon/chao_vip.png"></image>
+              </view>
+            </view>
+          </template>
+        </view>
+      </view>
+    </view>
 
-		</view>
-
-		<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
-			<view style="
-          padding: 20rpx;   overflow: hidden;
-        ">
-				<view class="chong_zhi boxShadow box_fillet vip_box">
-					<view class="noVip">
-						<view style="display: flex; align-items: center;">
-							<view class="zhanghu PM_font" style="text-align: left">
-								<image class="vip_image" style="width:80rpx;height:80rpx;margin-left: 10rpx;" src="@/static/vip.png" mode="aspectFit"></image>
-								<text style="color: #fff; font-size: 60rpx;" v-if="vipList.length==0">VIP</text>
-							</view>
-							<view class="vip_infor" v-if="vipList&&vipList.length>0">
-								<view class="vip_infor_item" v-for="(item, index) in vipList" :key="index" :class="{expired: isExpired(item.endTime)}">
-									<text>{{item.text}}VIP</text>
-									<text v-if="isExpired(item.endTime)">（{{item.endTime.split(' ')[0]}} 已到期）</text>
-									<text v-else>（有效期到 {{item.endTime.split(' ')[0]}})</text>
-								</view>
-							</view>
-							<view v-else class="vip_null" style=" padding-left: 30rpx;">办理VIP，畅享更多专属权益</view>
-						</view>
-						<view class="vip_btn" @click="onPageJump('/pages/mine/vip/index')"><button v-if="vipList.length==0">办理</button><button v-else>续费</button></view>
-					</view>
-				</view>
-				<!-- end -->
-				<view class="chong_zhi boxShadow box_fillet chongzhi_box">
-					<view class="chong_list">
-						<view class="left">
-							<view class="chong_list_item" style="
-							  display: flex;
-							  align-items: center;
-							  flex-direction: column;
-							  justify-content: space-between;
-							" @click="onPageJump('/pages/mine/wallet/index/index')">
-								<view class="pay_item_img">
-									天医币<u-icon @click.native.stop="openInfo()" name="question-circle"
-										style="float: right; margin: 0 6rpx"></u-icon>
-								</view>
-								<view class="text" style="line-height: 40rpx; display: flex">{{userMes.peanutCoin ? userMes.peanutCoin : 0}}</view>
-							</view>
-
-							<view class="chong_list_item" style="
+    <view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
+      <view style="padding: 20rpx; overflow: hidden">
+        <view class="chong_zhi boxShadow box_fillet vip_box">
+          <view class="noVip">
+            <view style="display: flex; align-items: center">
+              <view class="zhanghu PM_font" style="text-align: left">
+                <image
+                  class="vip_image"
+                  style="width: 80rpx; height: 80rpx; margin-left: 10rpx"
+                  src="@/static/vip.png"
+                  mode="aspectFit"
+                ></image>
+                <text
+                  style="color: #fff; font-size: 60rpx"
+                  v-if="vipList.length == 0"
+                  >VIP</text
+                >
+              </view>
+              <view class="vip_infor" v-if="vipList && vipList.length > 0">
+                <view
+                  class="vip_infor_item"
+                  v-for="(item, index) in vipList"
+                  :key="index"
+                  :class="{ expired: isExpired(item.endTime) }"
+                >
+                  <text>{{ item.text }}VIP</text>
+                  <text v-if="isExpired(item.endTime)"
+                    >（{{ item.endTime.split(" ")[0] }} 已到期）</text
+                  >
+                  <text v-else
+                    >（有效期到 {{ item.endTime.split(" ")[0] }})</text
+                  >
+                </view>
+              </view>
+              <view v-else class="vip_null" style="padding-left: 30rpx"
+                >办理VIP，畅享更多专属权益</view
+              >
+            </view>
+            <view class="vip_btn" @click="onPageJump('/pages/mine/vip/index')"
+              ><button v-if="vipList.length == 0">办理</button
+              ><button v-else>续费</button></view
+            >
+          </view>
+        </view>
+        <!-- end -->
+        <view class="chong_zhi boxShadow box_fillet chongzhi_box">
+          <view class="chong_list">
+            <view class="left">
+              <view
+                class="chong_list_item"
+                style="
                   display: flex;
                   align-items: center;
                   flex-direction: column;
                   justify-content: space-between;
-                " @click="onPageJump('/pages/mine/wallet/jf/index')">
-								<view class="pay_item_img">
-									积分
-								</view>
+                "
+                @click="onPageJump('/pages/mine/wallet/index/index')"
+              >
+                <view class="pay_item_img">
+                  天医币<u-icon
+                    @click.native.stop="openInfo()"
+                    name="question-circle"
+                    style="float: right; margin: 0 6rpx"
+                  ></u-icon>
+                </view>
+                <view class="text" style="line-height: 40rpx; display: flex">{{
+                  userMes.peanutCoin ? userMes.peanutCoin : 0
+                }}</view>
+              </view>
 
-								<view class="text" style="line-height: 40rpx">{{userMes.jf ? userMes.jf : 0}}</view>
-							</view>
-							<view class="chong_list_item" style="
-							  display: flex;
-							  align-items: center;
-							  flex-direction: column;
-							  justify-content: space-between;
-							" @click="onPageJump('/pages/mine/wallet/couponList')">
-								<view class="pay_item_img">
-									优惠券
-								</view>
+              <view
+                class="chong_list_item"
+                style="
+                  display: flex;
+                  align-items: center;
+                  flex-direction: column;
+                  justify-content: space-between;
+                "
+                @click="onPageJump('/pages/mine/wallet/jf/index')"
+              >
+                <view class="pay_item_img"> 积分 </view>
 
-								<view class="text" style="line-height: 40rpx">{{userCouponNum}}</view>
-							</view>
-						</view>
-						<view class="chong_list_item" style="
-							display: flex;
-							align-items: center;
-							margin-right: 0;
-							justify-content: center;
-						  ">
-							<view class="chong_btn" v-if="iosHide"
-								@click="onPageJump('/pages/mine/wallet/recharge/index')">充 值</view>
-						</view>
-					</view>
-				</view>
-			</view>
+                <view class="text" style="line-height: 40rpx">{{
+                  userMes.jf ? userMes.jf : 0
+                }}</view>
+              </view>
+              <view
+                class="chong_list_item"
+                style="
+                  display: flex;
+                  align-items: center;
+                  flex-direction: column;
+                  justify-content: space-between;
+                "
+                @click="onPageJump('/pages/mine/wallet/couponList')"
+              >
+                <view class="pay_item_img"> 优惠券 </view>
 
-			<view class="list_box">
-				<view class="xiugai boxShadow box_fillet">
-					<common-list :dataList="pageList" @hancleClick="handleClickTab" label="name">
-						<template slot="rightSlot" slot-scope="slotProps">
-							<text class="fdButtonBox aui-text-success"
-								style="line-height: 40rpx; font-size: 50rpx;">{{ slotProps.row.content }}</text>
-						</template>
-					</common-list>
-				</view>
-			</view>
-		</view>
-
-		<u-modal :show="signShow" :content="signContent" :showCancelButton="true" @cancel="signShow = false"
-			@confirm="signOut">
-		</u-modal>
-		<!-- 分享弹窗 -->
-		<uni-popup ref="share" type="share" safeArea backgroundColor="#fff">
-			<uni-popup-share @select="haveSelected"></uni-popup-share>
-		</uni-popup>
-
-		<u-popup :show="infoShow" mode="center" round="6" backgroundColor="#fff">
-			<view class="popup_box">
-				<view class="title">温馨提示</view>
-
-				<view class="content">
-					<view class="center">
-						&nbsp;&nbsp;&nbsp;&nbsp;【天医币】仅为我平台支付使用币种 。
-						一人民币=一天医币，仅为了方便用户支付使用。<br />【天医币】可以用于在我平台支付书籍或课程使用。
-						<br />【天医币】这个名称是为适应我们平台的定位属性，所起名称。与区块链虚拟货币无任何关系。
-					</view>
-
-					<view class="bottom">
-						<view class="button_box" style="
+                <view class="text" style="line-height: 40rpx">{{
+                  userCouponNum
+                }}</view>
+              </view>
+            </view>
+            <view
+              class="chong_list_item"
+              style="
+                display: flex;
                 align-items: center;
+                margin-right: 0;
                 justify-content: center;
-              ">
-							<u-button style="width: 200rpx; float: center" :plain="true" text="知道啦" color="#9b9b9b"
-								size="small" @click="infoShow = false"></u-button>
-						</view>
-					</view>
-				</view>
-			</view>
-		</u-popup>
-		<music-play :playData="playData"></music-play>
-		<z-navigation></z-navigation>
+              "
+            >
+              <view
+                class="chong_btn"
+                v-if="iosHide"
+                @click="onPageJump('/pages/mine/wallet/recharge/index')"
+                >充 值</view
+              >
+            </view>
+          </view>
+        </view>
+      </view>
 
-	</view>
+      <view class="list_box">
+        <view class="xiugai boxShadow box_fillet">
+          <common-list
+            :dataList="pageList"
+            @hancleClick="handleClickTab"
+            label="name"
+          >
+            <template slot="rightSlot" slot-scope="slotProps">
+              <text
+                class="fdButtonBox aui-text-success"
+                v-if="slotProps.row.contentType&&slotProps.row.contentType == 'hufen'&&hufenNumber>0"
+                style="line-height: 40rpx; font-size: 40rpx;color: #258feb;float: right;"
+                >{{ hufenNumber }}<text style="font-size: 30rpx;margin-left: 4rpx;">湖分</text></text
+              >
+            </template>
+          </common-list>
+        </view>
+      </view>
+    </view>
+
+    <u-modal
+      :show="signShow"
+      :content="signContent"
+      :showCancelButton="true"
+      @cancel="signShow = false"
+      @confirm="signOut"
+    >
+    </u-modal>
+    <!-- 分享弹窗 -->
+    <uni-popup ref="share" type="share" safeArea backgroundColor="#fff">
+      <uni-popup-share @select="haveSelected"></uni-popup-share>
+    </uni-popup>
+
+    <u-popup :show="infoShow" mode="center" round="6" backgroundColor="#fff">
+      <view class="popup_box">
+        <view class="title">温馨提示</view>
+
+        <view class="content">
+          <view class="center">
+            &nbsp;&nbsp;&nbsp;&nbsp;【天医币】仅为我平台支付使用币种 。
+            一人民币=一天医币，仅为了方便用户支付使用。<br />【天医币】可以用于在我平台支付书籍或课程使用。
+            <br />【天医币】这个名称是为适应我们平台的定位属性，所起名称。与区块链虚拟货币无任何关系。
+          </view>
+
+          <view class="bottom">
+            <view
+              class="button_box"
+              style="align-items: center; justify-content: center"
+            >
+              <u-button
+                style="width: 200rpx; float: center"
+                :plain="true"
+                text="知道啦"
+                color="#9b9b9b"
+                size="small"
+                @click="infoShow = false"
+              ></u-button>
+            </view>
+          </view>
+        </view>
+      </view>
+    </u-popup>
+    <music-play :playData="playData"></music-play>
+    <z-navigation></z-navigation>
+  </view>
 </template>
 
 <script>
-	import musicPlay from "@/components/music.vue";
-	import $http from "@/config/requestConfig.js";
-	import {
-		mapState,
-		mapMutations
-	} from "vuex";
-	export default {
-		data() {
-			return {
-				roleObj: {},
-				infoShow: false, // 显示电子书相关
-				showEbook: false, // 显示电子书相关
-				userMes: {},
-				signShow: false,
-				signContent: "是否要退出登录？",
-				playData: {},
-				userCouponNum:0, // 优惠券数量
-				directorShow: false, // 主任是否显示班级入口
-				monitorShow: false, // 其他管理是否显示班级入口
-				pageList: [{
-						name: "我的订单",
-						url: "/pages/bookShop/orderList?type=mine",
-						type: "switchTab"
-					},
-					{
-						name: "我的证书",
-						url: "/pages/certificate/certificate",
-						type: "pageJump",
-					},
-					{
-						name: "培训班管理",
-						url: "/pages/trainingCourse/index",
-						type: "pageJump",
-					},
-					{
-						name: "我的湖分",
-						url: "/pages/hufen/hufen",
-						type: "pageJump",
-					},
-					{
-						name: "个人资料",
-						url: "/pages/mine/userInfo/persData",
-						type: "pageJump",
-					},
-					{
-						name: "地址管理",
-						url: "/pages/component/commonComponents/address/index?type=mine",
-						type: "pageJump",
-					},
-					{
-						name: "关于我们",
-						url: "/pages/mine/aboutUs/index",
-						type: "pageJump",
-					},
-					{
-						name: "问题反馈/申诉",
-						url: "/pages/user/workOrder",
-						type: "workOrder"
-					}
-				],
-				//vip
-				vipList: [],
-				textList: [],  //普通vip文字
-				hasVipType1: false,
-				hasVipType2: false
-			};
-		},
-		//第一次加载
-		onLoad(e) {
-			// 隐藏原生的tabbar
-			uni.hideTabBar();
-		},
-		computed: {
-			...mapState(["userInfo"]),
-		},
-		//页面显示
-		async onShow() {
-			this.getData();
-			this.getUserRole()
-			await this.getUserCouponList()
-			//获取vip身份
-			this.textList = [];
-			this.getUserVipType();
-		},
-		components: {
-			musicPlay,
-		},
-		//方法
-		methods: {
-			...mapMutations(["setUserInfo"]),
-			// 获取用户优惠券列表
-			async getUserCouponList(){
-				await this.$http
-				  .request({
-				    url: "common/coupon/getCouponHistoryList",
-				    method: "POST",
-				    data: {
-				      "page":1,
-				          "limit":10,
-				          "getType":"",//获取类型 0 后台赠送 1 主动获取
-				          "status":"0",//使用状态 0 未使用 1 已使用 2 已过期
-				          "userInfo":"",//用户信息
-				          "userId":this.userInfo.id
-				    },
-				    header: {
-				      "Content-Type": "application/json",
-				    },
-				  })
-				  .then(async (res) => {
-					  if(res.code != 0) return this.$commonJS.showToast(res.errMsg);
-					  this.userCouponNum = res.couponList.total
-									
-				  }).catch(e => {
-					  this.$commonJS.showToast(e.errMsg);
-				  })
-			},
-			openInfo() {
-				this.infoShow = true;
-			},
-			goSetting() {
-				this.onPageJump("/pages/mine/set/index");
-			},
-			goUserInfo() {
-				this.onPageJump("/pages/mine/userInfo/persData");
-			},
-			handleClickTab(v) {
-				switch (v.type) {
-					case "pageJump":
-						this.onPageJump(v.url);
-						break;
-					case "switchTab":
-						this.switchTab(v.url);
-						break;
-					case "share":
-						//分享
-						this.newOnShare();
-						break;
-					case "quitLogin":
-						//退出登录
-						this.signShow = true;
-						break;
-					case "loginOut":
-						//注销账号
-						this.logout();
-						break;
-					case "workOrder":
-						uni.navigateTo({
-							url: `${v.url}?name=userPage`
-						})
-						break;
-				}
-			},
-			haveSelected(data) {
-				if (data.index == 0) {
-					// 分享到好友
-					uni.share({
-						provider: "weixin",
-						scene: "WXSceneSession",
-						type: 0,
-						href: this.$apkUrl,
-						title: "吴门医述",
-						summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！",
-						imageUrl: "static/icon/home_icon_logo.png",
-						success: function(res) {
-							console.log("success:" + JSON.stringify(res));
-						},
-						fail: function(err) {
-							console.log("fail:" + JSON.stringify(err));
-						},
-					});
-				} else if (data.index == 1) {
-					// 分享到朋友圈
-					uni.share({
-						provider: "weixin",
-						scene: "WXSceneTimeline",
-						type: 0,
-						href: this.$apkUrl,
-						title: "吴门医述",
-						summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！",
-						imageUrl: "static/icon/home_icon_logo.png",
-						success: function(res) {
-							console.log("success:" + JSON.stringify(res));
-						},
-						fail: function(err) {
-							console.log("fail:" + JSON.stringify(err));
-						},
-					});
-				}
-			},
-			switchTab(url) {
-				uni.switchTab({
-					url: url,
-				});
-			},
-			//判断过期的vip
-			isExpired(dateString){
-				const dataTime = new Date(dateString.replace(' ', 'T'));
-				//获取当前时间的Date对象
-				const currentTime = new Date();
-				//比较两个时间
-				return dataTime < currentTime;
-			},
-			// 获取用户的角色信息
-			getUserRole() {
-				this.$http.post("common/class/getRoleType").then((res) => {
-					this.roleObj = res.result
-					var zhurenIndex = this.pageList.findIndex(item => {
-						return item.name == '主任教学'
-					})
-					if (zhurenIndex > -1) {
-						this.pageList.splice(zhurenIndex, 1)
-					}
-					var banzhangIndex = this.pageList.findIndex(item => {
-						return item.name == '班级管理'
-					})
-					if (banzhangIndex > -1) {
-						this.pageList.splice(banzhangIndex, 1)
-					}
-					var yonghuIndex = this.pageList.findIndex(item => {
-						return item.name == '我的班级'
-					})
-					if (yonghuIndex > -1) {
-						this.pageList.splice(yonghuIndex, 1)
-					}
-					if (this.roleObj.isDirector) {
-						var n = this.pageList.find(item => {
-							return item.name == '主任教学'
-						})
-						if (!n) {
-							var item = {
-								name: "主任教学",
-								url: "/pages/miniClass/DirectorModalList?type=mine",
-								type: "pageJump"
-							}
-							this.pageList.splice(3, 0, item);
-						}
-					}
-					// 是班长
-					if (this.roleObj.isCommittee) {
-						var n = this.pageList.find(item => {
-							return item.name == '班级管理'
-						})
-						if (!n) {
-							var item = {
-								name: "班级管理",
-								url: "/pages/miniClass/MonitorClassList?type=mine",
-								type: "pageJump"
-							}
-							this.pageList.splice(3, 0, item);
-						}
-					}
-					// 是学员
-					if (this.roleObj.isStudent) {
-						var n = this.pageList.find(item => {
-							return item.name == '我的班级'
-						})
-						if (!n) {
-							var item = {
-								name: "我的班级",
-								url: "/pages/miniClass/myClassList?type=mine",
-								type: "pageJump"
-							}
-							this.pageList.splice(3, 0, item);
-						}
-					}
+import musicPlay from "@/components/music.vue";
+import $http from "@/config/requestConfig.js";
+import { mapState, mapMutations } from "vuex";
+export default {
+  data() {
+    return {
+      hufenNumber: 0,
+      roleObj: {},
+      infoShow: false, // 显示电子书相关
+      showEbook: false, // 显示电子书相关
+      userMes: {},
+      signShow: false,
+      signContent: "是否要退出登录？",
+      playData: {},
+      userCouponNum: 0, // 优惠券数量
+      directorShow: false, // 主任是否显示班级入口
+      monitorShow: false, // 其他管理是否显示班级入口
+      pageList: [
+        {
+          name: "我的订单",
+          url: "/pages/bookShop/orderList?type=mine",
+          type: "switchTab",
+        },
+        {
+          name: "我的证书",
+          url: "/pages/certificate/certificate",
+          type: "pageJump",
+        },
+        {
+          name: "培训班管理",
+          url: "/pages/trainingCourse/index",
+          type: "pageJump",
+        },
+        {
+          name: "我的湖分",
+          url: "/pages/hufen/hufen",
+          type: "pageJump",
+          contentType: "hufen",
+        },
+        {
+          name: "个人资料",
+          url: "/pages/mine/userInfo/persData",
+          type: "pageJump",
+        },
+        {
+          name: "地址管理",
+          url: "/pages/component/commonComponents/address/index?type=mine",
+          type: "pageJump",
+        },
+        {
+          name: "关于我们",
+          url: "/pages/mine/aboutUs/index",
+          type: "pageJump",
+        },
+        {
+          name: "问题反馈/申诉",
+          url: "/pages/user/workOrder",
+          type: "workOrder",
+        },
+      ],
+      //vip
+      vipList: [],
+      textList: [], //普通vip文字
+      hasVipType1: false,
+      hasVipType2: false,
+    };
+  },
+  //第一次加载
+  onLoad(e) {
+    // 隐藏原生的tabbar
+    uni.hideTabBar();
+  },
+  computed: {
+    ...mapState(["userInfo"]),
+  },
+  //页面显示
+  async onShow() {
+    this.getData();
+    this.gethufenData();
+    this.getUserRole();
+    await this.getUserCouponList();
+    //获取vip身份
+    this.textList = [];
+    this.getUserVipType();
+  },
+  components: {
+    musicPlay,
+  },
+  //方法
+  methods: {
+    ...mapMutations(["setUserInfo"]),
+    async gethufenData() {
+      await this.$http
+        .post("common/userContribution/getUserContribution")
+        .then((res) => {
+          console.log("res at line 296:", res);
+          if (res.code == 0) {
+            this.hufenNumber = res.total;
+          } else {
+          }
+        })
+        .catch((e) => {
+          console.log(e, "报错");
+        });
+    },
+    // 获取用户优惠券列表
+    async getUserCouponList() {
+      await this.$http
+        .request({
+          url: "common/coupon/getCouponHistoryList",
+          method: "POST",
+          data: {
+            page: 1,
+            limit: 10,
+            getType: "", //获取类型 0 后台赠送 1 主动获取
+            status: "0", //使用状态 0 未使用 1 已使用 2 已过期
+            userInfo: "", //用户信息
+            userId: this.userInfo.id,
+          },
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then(async (res) => {
+          if (res.code != 0) return this.$commonJS.showToast(res.errMsg);
+          this.userCouponNum = res.couponList.total;
+        })
+        .catch((e) => {
+          this.$commonJS.showToast(e.errMsg);
+        });
+    },
+    openInfo() {
+      this.infoShow = true;
+    },
+    goSetting() {
+      this.onPageJump("/pages/mine/set/index");
+    },
+    goUserInfo() {
+      this.onPageJump("/pages/mine/userInfo/persData");
+    },
+    handleClickTab(v) {
+      switch (v.type) {
+        case "pageJump":
+          this.onPageJump(v.url);
+          break;
+        case "switchTab":
+          this.switchTab(v.url);
+          break;
+        case "share":
+          //分享
+          this.newOnShare();
+          break;
+        case "quitLogin":
+          //退出登录
+          this.signShow = true;
+          break;
+        case "loginOut":
+          //注销账号
+          this.logout();
+          break;
+        case "workOrder":
+          uni.navigateTo({
+            url: `${v.url}?name=userPage`,
+          });
+          break;
+      }
+    },
+    haveSelected(data) {
+      if (data.index == 0) {
+        // 分享到好友
+        uni.share({
+          provider: "weixin",
+          scene: "WXSceneSession",
+          type: 0,
+          href: this.$apkUrl,
+          title: "吴门医述",
+          summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！",
+          imageUrl: "static/icon/home_icon_logo.png",
+          success: function (res) {
+            console.log("success:" + JSON.stringify(res));
+          },
+          fail: function (err) {
+            console.log("fail:" + JSON.stringify(err));
+          },
+        });
+      } else if (data.index == 1) {
+        // 分享到朋友圈
+        uni.share({
+          provider: "weixin",
+          scene: "WXSceneTimeline",
+          type: 0,
+          href: this.$apkUrl,
+          title: "吴门医述",
+          summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！",
+          imageUrl: "static/icon/home_icon_logo.png",
+          success: function (res) {
+            console.log("success:" + JSON.stringify(res));
+          },
+          fail: function (err) {
+            console.log("fail:" + JSON.stringify(err));
+          },
+        });
+      }
+    },
+    switchTab(url) {
+      uni.switchTab({
+        url: url,
+      });
+    },
+    //判断过期的vip
+    isExpired(dateString) {
+      const dataTime = new Date(dateString.replace(" ", "T"));
+      //获取当前时间的Date对象
+      const currentTime = new Date();
+      //比较两个时间
+      return dataTime < currentTime;
+    },
+    // 获取用户的角色信息
+    getUserRole() {
+      this.$http
+        .post("common/class/getRoleType")
+        .then((res) => {
+          this.roleObj = res.result;
+          var zhurenIndex = this.pageList.findIndex((item) => {
+            return item.name == "主任教学";
+          });
+          if (zhurenIndex > -1) {
+            this.pageList.splice(zhurenIndex, 1);
+          }
+          var banzhangIndex = this.pageList.findIndex((item) => {
+            return item.name == "班级管理";
+          });
+          if (banzhangIndex > -1) {
+            this.pageList.splice(banzhangIndex, 1);
+          }
+          var yonghuIndex = this.pageList.findIndex((item) => {
+            return item.name == "我的班级";
+          });
+          if (yonghuIndex > -1) {
+            this.pageList.splice(yonghuIndex, 1);
+          }
+          if (this.roleObj.isDirector) {
+            var n = this.pageList.find((item) => {
+              return item.name == "主任教学";
+            });
+            if (!n) {
+              var item = {
+                name: "主任教学",
+                url: "/pages/miniClass/DirectorModalList?type=mine",
+                type: "pageJump",
+              };
+              this.pageList.splice(3, 0, item);
+            }
+          }
+          // 是班长
+          if (this.roleObj.isCommittee) {
+            var n = this.pageList.find((item) => {
+              return item.name == "班级管理";
+            });
+            if (!n) {
+              var item = {
+                name: "班级管理",
+                url: "/pages/miniClass/MonitorClassList?type=mine",
+                type: "pageJump",
+              };
+              this.pageList.splice(3, 0, item);
+            }
+          }
+          // 是学员
+          if (this.roleObj.isStudent) {
+            var n = this.pageList.find((item) => {
+              return item.name == "我的班级";
+            });
+            if (!n) {
+              var item = {
+                name: "我的班级",
+                url: "/pages/miniClass/myClassList?type=mine",
+                type: "pageJump",
+              };
+              this.pageList.splice(3, 0, item);
+            }
+          }
+        })
+        .catch((e) => {});
+    },
+    //获取个人信息
+    getData() {
+      if (this.userInfo.id != undefined) {
+        this.$http.post("common/user/getUserInfo").then((res) => {
+          this.userMes = res.result;
+        });
+      }
+    },
 
-				}).catch(e => {
-					
-				})
-			},
-			//获取个人信息
-			getData() {
-				if (this.userInfo.id != undefined) {
-					this.$http.post("common/user/getUserInfo").then((res) => {
-						this.userMes = res.result;
-					});
-				}
-			},
+    // 新写分享
+    newOnShare() {
+      this.$refs.share.open();
+    },
 
-			// 新写分享
-			newOnShare() {
-				this.$refs.share.open();
-			},
+    // 注销账户
+    logout() {
+      let that = this;
+      uni.showModal({
+        title: "提示",
+        content: "确定要注销当前账户吗？",
+        success: function (res) {
+          if (res.confirm) {
+            uni.showModal({
+              title: "提示",
+              showCancel: false,
+              content: `注销申请已提交成功,请联系客服进行后续操作：022-24142321`,
+              success: function (res1) {
+                if (res1.confirm) {
+                  that.signOut();
+                }
+              },
+            });
+          } else if (res.cancel) {
+            // 取消操作
+          }
+        },
+      });
+    },
+    // 跳转
+    onGoing() {
+      uni.showToast({
+        icon: "none",
+        title: "开发中，敬请期待...",
+      });
+    },
+    onPageJump(url) {
+      uni.navigateTo({
+        url: url,
+      });
+    },
 
-			// 注销账户
-			logout() {
-				let that = this;
-				uni.showModal({
-					title: "提示",
-					content: "确定要注销当前账户吗？",
-					success: function(res) {
-						if (res.confirm) {
-							uni.showModal({
-								title: "提示",
-								showCancel: false,
-								content: `注销申请已提交成功,请联系客服进行后续操作：022-24142321`,
-								success: function(res1) {
-									if (res1.confirm) {
-										that.signOut();
-									}
-								},
-							});
-						} else if (res.cancel) {
-							// 取消操作
-						}
-					},
-				});
-			},
-			// 跳转
-			onGoing() {
-				uni.showToast({
-					icon: "none",
-					title: "开发中，敬请期待...",
-				});
-			},
-			onPageJump(url) {
-				uni.navigateTo({
-					url: url,
-				});
-			},
+    // 退出登录
+    signOut() {
+      this.signShow = false;
+      this.setUserInfo({
+        token: null,
+      });
+      uni.reLaunch({
+        url: "/pages/user/login/login",
+      });
+    },
+    //获取vip身份
+    getUserVipType() {
+      this.$http
+        .request({
+          url: "common/userVip/getUserVipType",
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.vipList = res.list;
+            this.hasVipType1 = this.vipList.some((item) => item.type === 1);
+            this.hasVipType2 = this.vipList.some((item) => item.type === 2);
 
-			// 退出登录
-			signOut() {
-				this.signShow = false;
-				this.setUserInfo({
-					token: null,
-				});
-				uni.reLaunch({
-					url: "/pages/user/login/login",
-				});
-			},
-			//获取vip身份
-			getUserVipType() {
-				this.$http.request({
-					url: "common/userVip/getUserVipType",
-					method: "POST",
-					data: {},
-					header: {
-						"Content-Type": "application/json",
-					},
-				})
-				.then((res) => {
-					if (res.code == 0) {
-						this.vipList = res.list;
-						this.hasVipType1 = this.vipList.some(item => item.type === 1);
-						this.hasVipType2 = this.vipList.some(item => item.type === 2);
-						
-						//筛选出来已过期的
-						let listAll = this.vipList;
-						let list = this.vipList.filter(item => !this.isExpired(item.endTime));
-						
-						//全部的 vip模块展示
-						if(listAll.length>0){
-							listAll = this.showDataList(listAll);
-						}else{
-							this.textList = [];
-						}
-						
-						console.log('-------listAll',listAll)
-						//筛选过期以后的 昵称模块展示需要
-						if(list.length>0){
-							list = this.showDataList(list);
-						}else{
-							this.textList = [];
-						}
-						console.log('-------list',list)
-					}
-				});
-			},
-			//分情况展示逻辑
-			showDataList(list){
-				this.textList = [];
-				list.forEach((item, index) => {
-					if(item.type=='4'){
-						item.text = '中医学';
-						this.textList.push(item.text);
-					}else if(item.type=='5'){
-						item.text = '针灸学';
-						this.textList.push(item.text);
-					}else if(item.type=='6'){
-						item.text = '肿瘤学';
-						this.textList.push(item.text);
-					}else if(item.type=='7'){
-						item.text = '国学';
-						this.textList.push(item.text);
-					}else if(item.type=='8'){
-						item.text = '心理学';
-						this.textList.push(item.text);
-					}else if(item.type=='9'){
-						item.text = '中西汇通学';
-						this.textList.push(item.text);
-					}else if(item.type=='1'){
-						item.text = '医学S';
-					}else if(item.type=='2'){
-						item.text = '国学心理学S';
-					}
-				});
-				
-				return this.textList;
-			},
-		}
-	};
+            //筛选出来已过期的
+            let listAll = this.vipList;
+            let list = this.vipList.filter(
+              (item) => !this.isExpired(item.endTime)
+            );
+
+            //全部的 vip模块展示
+            if (listAll.length > 0) {
+              listAll = this.showDataList(listAll);
+            } else {
+              this.textList = [];
+            }
+
+            console.log("-------listAll", listAll);
+            //筛选过期以后的 昵称模块展示需要
+            if (list.length > 0) {
+              list = this.showDataList(list);
+            } else {
+              this.textList = [];
+            }
+            console.log("-------list", list);
+          }
+        });
+    },
+    //分情况展示逻辑
+    showDataList(list) {
+      this.textList = [];
+      list.forEach((item, index) => {
+        if (item.type == "4") {
+          item.text = "中医学";
+          this.textList.push(item.text);
+        } else if (item.type == "5") {
+          item.text = "针灸学";
+          this.textList.push(item.text);
+        } else if (item.type == "6") {
+          item.text = "肿瘤学";
+          this.textList.push(item.text);
+        } else if (item.type == "7") {
+          item.text = "国学";
+          this.textList.push(item.text);
+        } else if (item.type == "8") {
+          item.text = "心理学";
+          this.textList.push(item.text);
+        } else if (item.type == "9") {
+          item.text = "中西汇通学";
+          this.textList.push(item.text);
+        } else if (item.type == "1") {
+          item.text = "医学S";
+        } else if (item.type == "2") {
+          item.text = "国学心理学S";
+        }
+      });
+
+      return this.textList;
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-	@import "@/style/mixin.scss";
+@import "@/style/mixin.scss";
 
-	.per_mes_user {
-		width: 125rpx;
-		text-align: center;
-	}
-	
-	.per_mes {
-		width: 100%;
-		position: relative;
-		margin-top: 50rpx;
-		align-items: center;
-		display: flex;
-		align-items: center;
+.per_mes_user {
+  width: 125rpx;
+  text-align: center;
+}
 
-		.per_mes_img {
-			width: 120rpx;
-			height: 120rpx;
-			border-radius: 100rpx;
-			margin: 0 0 0 0;
-			float: left;
-		}
+.per_mes {
+  width: 100%;
+  position: relative;
+  margin-top: 50rpx;
+  align-items: center;
+  display: flex;
+  align-items: center;
 
-		view {
-			.name {
-				width: 100%;
-				font-weight: bold;
-				font-size: 32rpx;
-				color: #6990c7 !important;
-			}
+  .per_mes_img {
+    width: 120rpx;
+    height: 120rpx;
+    border-radius: 100rpx;
+    margin: 0 0 0 0;
+    float: left;
+  }
 
-			.phone {
-				font-size: 26rpx;
-				color: #6990c7 !important;
-			}
+  view {
+    .name {
+      width: 100%;
+      font-weight: bold;
+      font-size: 32rpx;
+      color: #6990c7 !important;
+    }
 
-			.per_user_img {
-				display: inline-block;
-				width: 40upx;
-				height: 40upx;
-				margin-left: 10rpx;
-				vertical-align: super;
-			}
-		}
-	}
+    .phone {
+      font-size: 26rpx;
+      color: #6990c7 !important;
+    }
 
-	.now_vip {
-		background-color: #fff;
-		// border-radius: 20upx;
-		margin: 0 0 30upx 0;
-		padding: 0 30upx;
-		height: 120upx;
-		background-image: linear-gradient(90deg, #feeed6 0%, #f5ce99 100%);
+    .per_user_img {
+      display: inline-block;
+      width: 40upx;
+      height: 40upx;
+      margin-left: 10rpx;
+      vertical-align: super;
+    }
+  }
+}
 
-		image {
-			width: 46rpx;
-			height: 50rpx;
-			display: inline-block;
-			vertical-align: text-bottom;
-			margin: 0 10rpx 0 0;
-		}
+.now_vip {
+  background-color: #fff;
+  // border-radius: 20upx;
+  margin: 0 0 30upx 0;
+  padding: 0 30upx;
+  height: 120upx;
+  background-image: linear-gradient(90deg, #feeed6 0%, #f5ce99 100%);
 
-		text {
-			font-size: 30upx;
-			line-height: 120upx;
-			color: #977749;
-			font-weight: bold;
-		}
+  image {
+    width: 46rpx;
+    height: 50rpx;
+    display: inline-block;
+    vertical-align: text-bottom;
+    margin: 0 10rpx 0 0;
+  }
 
-		.kt_btn {
-			font-size: 26upx;
-			display: block;
-			float: right;
-			border-radius: 50rpx;
-			color: #fffbf6;
-			padding: 12rpx 26rpx;
-			margin: 33rpx 0 0 0;
-			background-image: linear-gradient(90deg, #dfa964 0%, #7f5218 100%);
-		}
-	}
+  text {
+    font-size: 30upx;
+    line-height: 120upx;
+    color: #977749;
+    font-weight: bold;
+  }
 
-	.commonPageBox {
-		// background-image: url("@/static/icon/mine_bg.png");
-		background-repeat: no-repeat;
-		background-size: 100% 100%;
-		background-image: linear-gradient(-60deg, #fdf0ed 0%, #bfe3f0 40%, #e4eefa 60%, #bfe3f0 80%, #fdf0ed 100%);
-		// background-color: #d8f8e4 !important;
-	}
+  .kt_btn {
+    font-size: 26upx;
+    display: block;
+    float: right;
+    border-radius: 50rpx;
+    color: #fffbf6;
+    padding: 12rpx 26rpx;
+    margin: 33rpx 0 0 0;
+    background-image: linear-gradient(90deg, #dfa964 0%, #7f5218 100%);
+  }
+}
 
-	.chong_zhi {
-		box-shadow: none;
-		padding: 0 30upx;
-		height: auto;
+.commonPageBox {
+  // background-image: url("@/static/icon/mine_bg.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  background-image: linear-gradient(
+    -60deg,
+    #fdf0ed 0%,
+    #bfe3f0 40%,
+    #e4eefa 60%,
+    #bfe3f0 80%,
+    #fdf0ed 100%
+  );
+  // background-color: #d8f8e4 !important;
+}
 
-		.zhanghu {
-			margin-bottom: 10rpx;
-			font-weight: bold;
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			color: $themeColor;
-			font-weight: 700;
-		}
+.chong_zhi {
+  box-shadow: none;
+  padding: 0 30upx;
+  height: auto;
 
-		.noVip {
-			width: 100%;
-			height: 100%;
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			
-			.zhanghu {
-				font-size: 40rpx;
-				margin-bottom: 0rpx;
-				text-align: center;
-				display: flex;
-				align-items: center;
-				image {
-					width: 100rpx;
-					height: 100rpx;
-				}
-			}
-		}
+  .zhanghu {
+    margin-bottom: 10rpx;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: $themeColor;
+    font-weight: 700;
+  }
 
-		.hasVip {
-			.time {
-				color: #fff;
-				padding: 4rpx 20rpx;
-				font-size: 28rpx;
-				border-radius: 20rpx;
-				// background: linear-gradient(
-				//   to right,
-				//   #56B0CE 0%,
-				//   #6DDAEA 100%
-				// ) !important;
-			}
-		}
+  .noVip {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
 
-		.chong_list {
-			display: flex;
+    .zhanghu {
+      font-size: 40rpx;
+      margin-bottom: 0rpx;
+      text-align: center;
+      display: flex;
+      align-items: center;
+      image {
+        width: 100rpx;
+        height: 100rpx;
+      }
+    }
+  }
 
-			align-items: center;
-			justify-content: space-between;
-			margin-bottom: 40rpx;
+  .hasVip {
+    .time {
+      color: #fff;
+      padding: 4rpx 20rpx;
+      font-size: 28rpx;
+      border-radius: 20rpx;
+      // background: linear-gradient(
+      //   to right,
+      //   #56B0CE 0%,
+      //   #6DDAEA 100%
+      // ) !important;
+    }
+  }
 
-			.left {
-				display: flex;
-				align-items: center;
-			}
+  .chong_list {
+    display: flex;
 
-			.chong_list_item {
-				width: auto;
-				height: 100rpx;
-				margin-right: 60rpx;
-				text-align: center;
-				display: inline-block;
-				color: $themeColor;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 40rpx;
 
-				.text {
-					font-size: 28rpx;
-					display: block;
-					font-weight: 700;
-					// margin: 0 0 10rpx 0;
+    .left {
+      display: flex;
+      align-items: center;
+    }
 
-					color: $themeColor !important;
-				}
-			}
+    .chong_list_item {
+      width: auto;
+      height: 100rpx;
+      margin-right: 60rpx;
+      text-align: center;
+      display: inline-block;
+      color: $themeColor;
 
-			.chong_btn {
-				// position: absolute;
-				font-size: 26rpx;
-				display: block;
-				// top: 0px;
-				// right: 0px;
-				float: right;
-				border-radius: 50rpx;
-				color: #fffbf6;
-				padding: 10rpx 32rpx;
-				// margin-top: -60rpx;
-				// margin: 20rpx 0 0 0;
-				background-image: linear-gradient(90deg, #258feb 0%, #d5ecdd 200%);
-			}
-		}
-	}
+      .text {
+        font-size: 28rpx;
+        display: block;
+        font-weight: 700;
+        // margin: 0 0 10rpx 0;
 
-	.xiugai {
-		border-radius: 20rpx !important;
-		margin: 0 20rpx;
-		// padding:0 40rpx;
-		background: #f0f9fb;
+        color: $themeColor !important;
+      }
+    }
 
-		.nav_list {
-			background-color: #b7e0e2;
-			padding: 15rpx 0 15rpx 10rpx;
-			display: flex;
-			align-items: center;
-			font-size: 22rpx;
-			position: relative;
-			font-weight: bold;
-			border-bottom: 1px solid #e5e5e5;
+    .chong_btn {
+      // position: absolute;
+      font-size: 26rpx;
+      display: block;
+      // top: 0px;
+      // right: 0px;
+      float: right;
+      border-radius: 50rpx;
+      color: #fffbf6;
+      padding: 10rpx 32rpx;
+      // margin-top: -60rpx;
+      // margin: 20rpx 0 0 0;
+      background-image: linear-gradient(90deg, #258feb 0%, #d5ecdd 200%);
+    }
+  }
+}
 
-			&:active {
-				background-color: #f5f5f5;
-			}
+.xiugai {
+  border-radius: 20rpx !important;
+  margin: 0 20rpx;
+  // padding:0 40rpx;
+  background: #f0f9fb;
 
-			text {
-				color: #333;
-				margin-left: 10rpx;
-			}
+  .nav_list {
+    background-color: #b7e0e2;
+    padding: 15rpx 0 15rpx 10rpx;
+    display: flex;
+    align-items: center;
+    font-size: 22rpx;
+    position: relative;
+    font-weight: bold;
+    border-bottom: 1px solid #e5e5e5;
 
-			&::after {
-				content: "";
-				position: absolute;
-				right: 20rpx;
-				top: 50%;
-				transform: translateY(-50%);
-				width: 30rpx;
-				height: 30rpx;
-				background-image: url("@/static/icon/icon_right.png");
-				background-position: center center;
-				background-repeat: no-repeat;
-				background-size: cover;
-			}
-		}
+    &:active {
+      background-color: #f5f5f5;
+    }
 
-		.nav_list:nth-last-child(1) {
-			border-bottom: 0;
-		}
-	}
+    text {
+      color: #333;
+      margin-left: 10rpx;
+    }
 
-	.box_fillet {
-		border-radius: 20rpx;
-		overflow: hidden;
-	}
+    &::after {
+      content: "";
+      position: absolute;
+      right: 20rpx;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 30rpx;
+      height: 30rpx;
+      background-image: url("@/static/icon/icon_right.png");
+      background-position: center center;
+      background-repeat: no-repeat;
+      background-size: cover;
+    }
+  }
 
-	.chongzhi_box {
-		position: relative;
-		width: 100%;
-		height: 100%;
-		padding: 30rpx 20rpx 10rpx;
-		background-color: #f0f9fb;
-		border-radius: 20rpx;
-	}
+  .nav_list:nth-last-child(1) {
+    border-bottom: 0;
+  }
+}
 
-	.vip_box {
-		padding: 22rpx 0 !important;
-		margin-bottom: 32rpx;
-		padding: 0;
-		position: relative;
-		width: 100%;
-		border-radius: 20rpx;
-		background-image: linear-gradient(60deg, #8265f9 30%, #016dea 100%);
-		
-		.zhanghu {
-			font-size: 80rpx;
-			text-align: center;
-			line-height: 100%;
-			margin-bottom: 0;
-		}
-	}
+.box_fillet {
+  border-radius: 20rpx;
+  overflow: hidden;
+}
 
-	/deep/.scroll-view-item:nth-child(2n-1) {
-		background-color: transparent !important;
-	}
-	.bg_top {
-		padding: 0 10rpx 0 20rpx;
-		padding-top: 80rpx;
-		margin-bottom: 60rpx;
-	}
+.chongzhi_box {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding: 30rpx 20rpx 10rpx;
+  background-color: #f0f9fb;
+  border-radius: 20rpx;
+}
 
-	.setIcon {
-		position: absolute;
-		right: 30rpx;
-		top: 60rpx;
-		z-index: 2;
-	}
+.vip_box {
+  padding: 22rpx 0 !important;
+  margin-bottom: 32rpx;
+  padding: 0;
+  position: relative;
+  width: 100%;
+  border-radius: 20rpx;
+  background-image: linear-gradient(60deg, #8265f9 30%, #016dea 100%);
 
-	.mine_box {
-		width: 100%;
+  .zhanghu {
+    font-size: 80rpx;
+    text-align: center;
+    line-height: 100%;
+    margin-bottom: 0;
+  }
+}
 
-		padding: 0 0rpx;
-	}
+/deep/.scroll-view-item:nth-child(2n-1) {
+  background-color: transparent !important;
+}
+.bg_top {
+  padding: 0 10rpx 0 20rpx;
+  padding-top: 80rpx;
+  margin-bottom: 60rpx;
+}
 
-	.list_box {
-		padding: 20rpx 0;
-		margin-top: -10rpx;
-	}
+.setIcon {
+  position: absolute;
+  right: 30rpx;
+  top: 60rpx;
+  z-index: 2;
+}
 
-	.pay_item_img {
-		display: flex;
-		color: #333;
-		// color: #dac4b7;
-		align-items: center;
-		// width: 80rpx;
-		// height: 80rpx;
-		padding: 8rpx;
-		box-sizing: border-box;
-		font-weight: bold;
-		margin: 0 auto;
-		margin-bottom: 10rpx;
-		//margin-top:-10rpx;
-	}
+.mine_box {
+  width: 100%;
 
-	.popup_box {
-		padding-bottom: 20rpx;
-		width: 88vw;
-		overflow: hidden;
-		position: relative;
-		height: auto;
+  padding: 0 0rpx;
+}
 
-		.title {
-			font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
-			font-weight: normal;
-			font-size: 46rpx;
-			color: $themeColor;
-			background-color: #f5f5f5;
-			padding: 20rpx;
-			//   border-leradius: 6px;
-			border-top-left-radius: 6px;
-			border-top-right-radius: 6px;
-		}
+.list_box {
+  padding: 20rpx 0;
+  margin-top: -10rpx;
+}
 
-		.content {
-			font-size: 26rpx;
-			letter-spacing: 0.15rpx;
-			padding: 20rpx;
-			color: #3f3f3f;
+.pay_item_img {
+  display: flex;
+  color: #333;
+  // color: #dac4b7;
+  align-items: center;
+  // width: 80rpx;
+  // height: 80rpx;
+  padding: 8rpx;
+  box-sizing: border-box;
+  font-weight: bold;
+  margin: 0 auto;
+  margin-bottom: 10rpx;
+  //margin-top:-10rpx;
+}
 
-			.top {
-				margin: 30rpx 0;
-			}
+.popup_box {
+  padding-bottom: 20rpx;
+  width: 88vw;
+  overflow: hidden;
+  position: relative;
+  height: auto;
 
-			.center {
-				line-height: 40rpx;
-			}
+  .title {
+    font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+    font-weight: normal;
+    font-size: 46rpx;
+    color: $themeColor;
+    background-color: #f5f5f5;
+    padding: 20rpx;
+    //   border-leradius: 6px;
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+  }
 
-			.bottom {
-				width: 100%;
-				margin-top: 60rpx;
-				font-size: 24rpx;
-				line-height: 26rpx;
-				color: #b0b0b0;
-			}
-		}
+  .content {
+    font-size: 26rpx;
+    letter-spacing: 0.15rpx;
+    padding: 20rpx;
+    color: #3f3f3f;
 
-		.button_box {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			margin-top: 20rpx;
+    .top {
+      margin: 30rpx 0;
+    }
 
-			.u-button {
-				margin-left: 40rpx;
-			}
+    .center {
+      line-height: 40rpx;
+    }
 
-			.u-button:nth-child(1) {
-				margin-left: 0;
-			}
-		}
-	}
-	.user_vip_box{
-		width: 125rpx;
-		position: absolute;
-		margin-top: - 40rpx;
-		z-index: 99;
-	}
-	.user_vip_item{
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
+    .bottom {
+      width: 100%;
+      margin-top: 60rpx;
+      font-size: 24rpx;
+      line-height: 26rpx;
+      color: #b0b0b0;
+    }
+  }
 
-	.user_vip_item {
-		border-radius: 20rpx;
-		background: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
-		color: #fff;
-		font-size: 20rpx;
-		line-height: 40rpx;
-		height: 40rpx;
-		font-weight: bold;
-		margin-bottom: 5rpx;
-	}
-	.user_vip_item image{
-		width: 49rpx;
-		height: 16rpx;
-	}
-	.vip_type{
-		display: flex;
-		align-items: center;
-	}
-	.vip_type_item{
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0 10rpx;
-		background: linear-gradient(90deg, #258feb 0%, #00e1ec 100%);
-		border-radius: 20rpx;
-		font-size: 18rpx;
-		line-height: 40rpx;
-		height: 40rpx;
-		font-weight: bold;
-		color: #fff;
-		margin-right: 8rpx;
-	}
-	.vip_type_item_len{
-		padding: 0 7rpx;
-		font-size: 13rpx;
-		line-height: 34rpx;
-		height: 34rpx;
-		margin-right: 4rpx;
-	}
-	.vip_type_item:last-child{
-		margin-right: 0;
-	}
-	.vip_type_item image{
-		width: 30rpx;
-		height: 20rpx;
-	}
-	.vip_infor{
-		padding-left: 20rpx;
-	}
-	.vip_infor_item{
-		display: block;
-		color: #fff;
-		font-size: 26rpx;
-		line-height: 36rpx;
-		font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
-		font-weight: normal;
-	}
-	.vip_infor_item text{
-		color: #fff;
-	}
-	.vip_btn{
-		margin-right: 15rpx;
-	}
-	.vip_btn button{
-		background: none;
-		border: 2rpx solid #f9ae3d;
-		border-radius: 40rpx;
-		font-size: 24rpx;
-		width: 82rpx;
-		line-height: 42rpx;
-		color: #f9ae3d;
-		font-weight: bold;
-	}
-	.vip_null{
-		color: #fff;
-		font-size: 26rpx;
-		line-height: 34rpx;
-	}
-	.expired{
-		opacity: 0.55;
-	}
-</style>
\ No newline at end of file
+  .button_box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 20rpx;
+
+    .u-button {
+      margin-left: 40rpx;
+    }
+
+    .u-button:nth-child(1) {
+      margin-left: 0;
+    }
+  }
+}
+.user_vip_box {
+  width: 125rpx;
+  position: absolute;
+  margin-top: -40rpx;
+  z-index: 99;
+}
+.user_vip_item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.user_vip_item {
+  border-radius: 20rpx;
+  background: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
+  color: #fff;
+  font-size: 20rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  font-weight: bold;
+  margin-bottom: 5rpx;
+}
+.user_vip_item image {
+  width: 49rpx;
+  height: 16rpx;
+}
+.vip_type {
+  display: flex;
+  align-items: center;
+}
+.vip_type_item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 10rpx;
+  background: linear-gradient(90deg, #258feb 0%, #00e1ec 100%);
+  border-radius: 20rpx;
+  font-size: 18rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  font-weight: bold;
+  color: #fff;
+  margin-right: 8rpx;
+}
+.vip_type_item_len {
+  padding: 0 7rpx;
+  font-size: 13rpx;
+  line-height: 34rpx;
+  height: 34rpx;
+  margin-right: 4rpx;
+}
+.vip_type_item:last-child {
+  margin-right: 0;
+}
+.vip_type_item image {
+  width: 30rpx;
+  height: 20rpx;
+}
+.vip_infor {
+  padding-left: 20rpx;
+}
+.vip_infor_item {
+  display: block;
+  color: #fff;
+  font-size: 26rpx;
+  line-height: 36rpx;
+  font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+  font-weight: normal;
+}
+.vip_infor_item text {
+  color: #fff;
+}
+.vip_btn {
+  margin-right: 15rpx;
+}
+.vip_btn button {
+  background: none;
+  border: 2rpx solid #f9ae3d;
+  border-radius: 40rpx;
+  font-size: 24rpx;
+  width: 82rpx;
+  line-height: 42rpx;
+  color: #f9ae3d;
+  font-weight: bold;
+}
+.vip_null {
+  color: #fff;
+  font-size: 26rpx;
+  line-height: 34rpx;
+}
+.expired {
+  opacity: 0.55;
+}
+</style>
diff --git a/pages/mine/vip/index.vue b/pages/mine/vip/index.vue
index c315ad1..407b7a2 100644
--- a/pages/mine/vip/index.vue
+++ b/pages/mine/vip/index.vue
@@ -1,289 +1,402 @@
 <template>
-	<view class="commonPageBox">
-		<z-nav-bar title="VIP"></z-nav-bar>
-		<view class="vip_block">
-			<view class="vip_item" 
-			:class="[item.type==1||item.type==2?'vip_item_special':'',
-			item.state==1?'vip_item_overdue':'',
-			item.type==1&&item.state==0||item.type==2&&item.state==0?'vip_item_bg_1':'',
-			item.type!=1&&item.type!=2&&item.state==0?'vip_item_bg_2':'']" 
-			v-for="(item, index) in list" :key="index">
-				<view>
-					<text class="vip_item_title">{{item.title}}</text>
-					<text class="vip_item_tip" v-if="item.tip&&item.tip<100"><uni-icons type="info" size="17" color="#ff1f00"></uni-icons>还有{{item.tip}}天到期</text>
-					<text class="vip_item_flag" v-if="item.state==1">
-						<uni-icons type="info" size="17" color="#999"></uni-icons>已过期
-					</text>
-				</view>
-				
-				<view class="vip_price" style=" padding-top: 10rpx;">
-					<text class="font_bold">课程价格：</text>
-					<view class="vip_qx_v">一年<text class="vip_fee line">{{item.originalPrice||0}}</text>元</view>
-				</view>
-				<view v-if="$platform!='ios'">
-					
-					<text class="vip_item_btn" v-if="item.state==null" @click="openorderModal(item,0)">去办理</text>
-					<text class="vip_item_btn" v-else @click="openorderModal(item,0)">去续费</text>
-				</view>
-				
-				<view class="vip_price" v-if="item.vcbList&&item.vcbList.length>0">
-					<text class="font_bold" v-if="item.type==1||item.type==2">超级VIP价格：</text>
-					<text class="font_bold" v-else>VIP价格：</text>
-					<text class="vip_price_v" v-for="(item_price, index_price) in item.vcbList" :key="index_price" @click="openorderModal(item_price)">
-						{{item_price.year}}年<text>{{item_price.rebateFee}}</text>元
-					</text>
-				</view>
-				<view class="vip_price" v-if="item.yanqiList&&item.yanqiList.length>0">
-					<text class="font_bold">延期价格：</text>
-					<text class="vip_price_v" v-for="(item_yq, index_yq) in item.yanqiList" :key="index_yq" @click="openorderModal({state:item.state,...item_yq},1)">
-						{{item_yq.year}}年<text>{{item_yq.rebateFee}}</text>元
-					</text>
-				</view>
-				<view class="vip_qx">
-					<text class="font_bold" style=" display: block;" v-if="item.type==1||item.type==2">超级VIP权限：</text>
-					<text class="font_bold" style=" display: block;" v-else>VIP权限：</text>
-					<view class="vip_qx_v" v-if="item.type==1">无限制观看吴门医述APP中医学、中西汇通学、针灸学、肿瘤学四个板块任意课程；</view>
-					<view class="vip_qx_v" v-else-if="item.type==2">无限制观看众妙之门APP与吴门医述APP心理学板块任意课程；</view>
-					<view class="vip_qx_v" v-else-if="item.type==7">无限制观看众妙之门APP任意课程；</view>
-					<view class="vip_qx_v" v-else>无限制观看吴门医述APP{{item.title.replace(/VIP/g, '')}}板块任意课程；</view>
-					
-					<view class="vip_qx_v">
-						<text v-if="item.type==1||item.type==2">{{item.title.replace(/超级VIP/g, '')}}</text>
-						<text v-else>{{item.title.replace(/VIP/g, '')}}</text>
-						培训班报名享受<text class="vip_fee" v-if="item.type==1||item.type==2">8折</text><text class="vip_fee" v-else>9折</text>优惠；
-					</view>
-					<view class="vip_qx_v">疯子读书APP购书享受<text class="vip_fee" v-if="item.type==1||item.type==2">8折</text><text class="vip_fee" v-else>9折</text>优惠。</view>
-				</view>
-			</view>
-		</view>
-		
-		<u-popup :show="orderModalShow" mode="bottom" :round="20">
-			<view class="orderModalShow popup_box">
-				<u-icon name="close" color="#333" size="18" @click="closeOrderModalShow" style="
-		    display: inline-block;
-		    position: absolute;
-		    right: 20rpx;
-		    top: 20rpx;
-		  "></u-icon>
-				<orderPay ref="orderPay" :dataInfo="selectVipData"></orderPay>
-			</view>
-		</u-popup>
-	</view>
+  <view class="commonPageBox">
+    <z-nav-bar title="VIP"></z-nav-bar>
+    <view class="vip_block">
+      <view
+        class="vip_item"
+        :class="[
+          item.type == 1 || item.type == 2 ? 'vip_item_special' : '',
+          item.state == 1 ? 'vip_item_overdue' : '',
+          (item.type == 1 && item.state == 0) ||
+          (item.type == 2 && item.state == 0)
+            ? 'vip_item_bg_1'
+            : '',
+          item.type != 1 && item.type != 2 && item.state == 0
+            ? 'vip_item_bg_2'
+            : '',
+        ]"
+        v-for="(item, index) in list"
+        :key="index"
+      >
+        <view>
+          <text class="vip_item_title">{{ item.title }}</text>
+          <text class="vip_item_tip" v-if="item.tip && item.tip < 100"
+            ><uni-icons type="info" size="17" color="#ff1f00"></uni-icons>还有{{
+              item.tip
+            }}天到期</text
+          >
+          <text class="vip_item_flag" v-if="item.state == 1">
+            <uni-icons type="info" size="17" color="#999"></uni-icons>已过期
+          </text>
+        </view>
+
+        <view class="vip_price" style="padding-top: 10rpx">
+          <text class="font_bold">课程价格：</text>
+          <view class="vip_qx_v"
+            >一年<text class="vip_fee line">{{ item.originalPrice || 0 }}</text
+            >元</view
+          >
+        </view>
+        <view v-if="$platform != 'ios'">
+          <text
+            class="vip_item_btn"
+            v-if="item.state == null"
+            @click="openorderModal(item)"
+            >去办理</text
+          >
+          <text class="vip_item_btn" v-else @click="openorderModal(item)"
+            >去续费</text
+          >
+        </view>
+
+        <view class="vip_price" v-if="item.vcbList && item.vcbList.length > 0">
+          <text class="font_bold" v-if="item.type == 1 || item.type == 2"
+            >超级VIP价格：</text
+          >
+          <text class="font_bold" v-else>VIP价格：</text>
+          <text
+            class="vip_price_v"
+            v-for="(item_price, index_price) in item.vcbList"
+            :key="index_price"
+            @click="openorderModal(item, index_price)"
+          >
+            {{ item_price.year }}年<text>{{ item_price.rebateFee }}</text
+            >元
+          </text>
+        </view>
+        <view
+          class="vip_price"
+          v-if="item.yanqiList && item.yanqiList.length > 0"
+        >
+          <text class="font_bold">延期价格：</text>
+          <text
+            class="vip_price_v"
+            v-for="(item_yq, index_yq) in item.yanqiList"
+            :key="index_yq"
+            @click="openorderModal({ state: item.state, ...item }, index_yq)"
+          >
+            {{ item_yq.year }}年<text>{{ item_yq.rebateFee }}</text
+            >元
+          </text>
+        </view>
+        <view class="vip_qx">
+          <text
+            class="font_bold"
+            style="display: block"
+            v-if="item.type == 1 || item.type == 2"
+            >超级VIP权限：</text
+          >
+          <text class="font_bold" style="display: block" v-else>VIP权限：</text>
+          <view class="vip_qx_v" v-if="item.type == 1"
+            >无限制观看吴门医述APP中医学、中西汇通学、针灸学、肿瘤学四个板块任意课程；</view
+          >
+          <view class="vip_qx_v" v-else-if="item.type == 2"
+            >无限制观看众妙之门APP与吴门医述APP心理学板块任意课程；</view
+          >
+          <view class="vip_qx_v" v-else-if="item.type == 7"
+            >无限制观看众妙之门APP任意课程；</view
+          >
+          <view class="vip_qx_v" v-else
+            >无限制观看吴门医述APP{{
+              item.title.replace(/VIP/g, "")
+            }}板块任意课程；</view
+          >
+
+          <view class="vip_qx_v">
+            <text v-if="item.type == 1 || item.type == 2">{{
+              item.title.replace(/超级VIP/g, "")
+            }}</text>
+            <text v-else>{{ item.title.replace(/VIP/g, "") }}</text>
+            培训班报名享受<text
+              class="vip_fee"
+              v-if="item.type == 1 || item.type == 2"
+              >8折</text
+            ><text class="vip_fee" v-else>9折</text>优惠；
+          </view>
+          <view class="vip_qx_v"
+            >疯子读书APP购书享受<text
+              class="vip_fee"
+              v-if="item.type == 1 || item.type == 2"
+              >8折</text
+            ><text class="vip_fee" v-else>9折</text>优惠。</view
+          >
+        </view>
+      </view>
+    </view>
+
+    <common-select-vip
+      type="vip"
+      :isCondition="true"
+      ref="commonSelectGoods"
+      :selectGoodsData="selectGoodsData"
+      :goodsList="goodsList"
+      :buyOptions="buyOptions"
+      :customButtonGroup1="customButtonGroup1"
+      @selectGoods="handleClickSelectGoods"
+      @onHandleClickBuy="goBuy()"
+    >
+    </common-select-vip>
+    <u-popup :show="orderModalShow" mode="bottom" :round="20">
+      <view class="orderModalShow popup_box">
+        <!-- <u-icon name="close" color="#333" size="18" @click="closeOrderModalShow" style="
+			  display: inline-block;
+			  position: absolute;
+			  right: 20rpx;
+			  top: 20rpx;
+			"></u-icon> -->
+        <orderPay ref="orderPay" :dataInfo="selectVipData"></orderPay>
+      </view>
+    </u-popup>
+  </view>
 </template>
 
 <script>
 import $http from "@/config/requestConfig.js";
 import orderPay from "./order.vue";
-export default{
-	data(){
-		return{
-			type: 0,
-			text: '',  //针对不同type展示文案
-			list: [],
-			orderModalShow: false,
-			selectVipData: {}
-		}
-	},
-	components: {
-		orderPay
-	},
-	onLoad(){
-		this.getData();
-	},
-	onShow(){
-		
-	},
-	methods: {
-		//获取数据
-		getData(){
-			uni.showLoading({
-				title: '加载中'
-			})
-			$http.request({
-				url: "common/userVip/getVipBuyConfigList",
-				method: "POST",
-				data: {},
-				header: {
-					'Content-Type': 'application/json'
-				},
-			})
-			.then(res => {
-				uni.hideLoading();
-				if (res.code == 0) {
-					this.list = res.res;
-				}
-			}).catch(e => {
+export default {
+  data() {
+    return {
+      type: 0,
+      text: "", //针对不同type展示文案
+      list: [],
+      buyOptions: [],
+      customButtonGroup1: [
+        {
+          with: 200,
+          text: "立即购买",
+          backgroundColor: "linear-gradient(90deg, #3C77BE 0%,#258feb 100%)",
+          color: "#fff",
+        },
+      ],
+      goodsList: [],
+      selectGoodsData: {},
+      orderModalShow: false,
+      selectVipData: {},
+    };
+  },
+  components: {
+    orderPay,
+  },
+  onLoad() {
+    this.getData();
+  },
+  onShow() {},
+  methods: {
+    handleClickSelectGoods(data) {
+      this.selectGoodsData = data;
+      console.log('this.selectGoodsData at line 186:', this.selectGoodsData)
+      this.$forceUpdate();
+    },
+    goBuy() {
+      // this.$refs.commonSelectGoods.close();
+      var mynavData = JSON.stringify({
+      
+        goods:[this.selectGoodsData],
+        typeId: 0,
+        navTitle: "",
+        title: "",
+        isVip: true,
 				
-			});
-		},
-		//点击购买
-		openorderModal(item,type) {
-		console.log('item at line 120:', item)
-			if(this.$platform=='ios'){
-				return false
-			}
-			let text = '';
-			//如果是右侧按钮点击展示
-			//判断点击类型是vip价格还是延期价格
-			if(type==0){
-				if(item.state==null){  //没有vip
-					this.selectVipData.list = item.vcbList;
-					this.selectVipData.id = item.vcbList[0].id;
-				}else{
-					this.selectVipData.list = item.yanqiList;
-					this.selectVipData.id = item.yanqiList[0].id;
-				}
-			}else{
-				this.selectVipData.id = item.id;
-			}
-			
-			if(type){
-				this.selectVipData.type = type;
-			}
-			
-			this.selectVipData.title = item.title + '-' + item.year + '年';
-			this.selectVipData.lastFee = item.rebateFee;
-			this.selectVipData.state=item.state;
-			this.orderModalShow = true;
-			console.log('-----selectVipData-----',this.selectVipData)
-			this.$nextTick(() => {
-				this.$refs.orderPay.initPrepareOrder();
-			});
-		},
-		//关闭
-		closeOrderModalShow() {
-			this.orderModalShow = false;
-			this.selectVipData = {};
-		},
-	}
-}
+      }); // 这里转换成 字符串
+      console.log('mynavData at line 192:', mynavData)
+      uni.navigateTo({
+        url: `/pages/goods/order/index?data=${mynavData}`,
+      });
+    },
+    //获取数据
+    getData() {
+      uni.showLoading({
+        title: "加载中",
+      });
+      $http
+        .request({
+          url: "common/userVip/getVipBuyConfigList",
+          method: "POST",
+          data: {},
+          header: {
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          uni.hideLoading();
+          if (res.code == 0) {
+            this.list = res.res;
+          }
+        })
+        .catch((e) => {});
+    },
+    //点击购买
+    openorderModal(item, type) {
+      console.log("item at line 120:", item);
+      if (this.$platform == "ios") {
+        return false;
+      }
+      let text = "";
+      //如果是右侧按钮点击展示
+      //判断点击类型是vip价格还是延期价格
+
+      if (item.state == null) {
+        //没有vip
+        this.selectVipData.list = item.vcbList;
+        // this.selectVipData.id = item.vcbList[0].id;
+      } else {
+        this.selectVipData.list = item.yanqiList;
+        // this.selectVipData.id = item.yanqiList[0].id;
+      }
+
+      this.selectVipData.title = item.title + "-" + item.year + "年";
+      this.selectVipData.lastFee = item.rebateFee;
+      this.selectVipData.state = item.state;
+
+      this.goodsList = this.selectVipData.list.map((e) => {
+        return { ...e };
+      });
+      this.selectGoodsData = this.selectVipData.list[type ? type : 0];
+      this.$refs.commonSelectGoods.open();
+      this.show = true;
+
+      //   this.orderModalShow = true;
+      //   console.log("-----selectVipData-----", this.selectVipData);
+
+      //   this.$nextTick(() => {
+      //     this.$refs.orderPay.initPrepareOrder();
+      //   });
+    },
+    //关闭
+    closeOrderModalShow() {
+      this.orderModalShow = false;
+      this.selectVipData = {};
+    },
+  },
+};
 </script>
 
 <style>
 .commonPageBox {
-	height: 100% !important;
+  height: 100% !important;
 }
-.vip_block{
-	padding: 20rpx;
+.vip_block {
+  padding: 20rpx;
 }
-.vip_item{
-	width: 100%;
-	padding: 30rpx 20rpx;
-	background-color: #fff;
-	border-radius: 10px;
-	box-shadow: 0px 0px 5px 0px #a7bbe4;
-	margin-bottom: 20rpx;
-	position: relative;
+.vip_item {
+  width: 100%;
+  padding: 30rpx 20rpx;
+  background-color: #fff;
+  border-radius: 10px;
+  box-shadow: 0px 0px 5px 0px #a7bbe4;
+  margin-bottom: 20rpx;
+  position: relative;
 }
-.vip_item_title{
-	display: inline-block;
-	height: 46rpx;
-	line-height: 46rpx;
-	font-size: 24rpx;
-	font-weight: bold;
-	color: #fff;
-	padding: 0 12rpx;
-	border-radius: 15rpx;
-	background-image: linear-gradient(90deg, #258feb 0%, #00e1ec 100%);
+.vip_item_title {
+  display: inline-block;
+  height: 46rpx;
+  line-height: 46rpx;
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #fff;
+  padding: 0 12rpx;
+  border-radius: 15rpx;
+  background-image: linear-gradient(90deg, #258feb 0%, #00e1ec 100%);
 }
-.vip_item_special .vip_item_title{
-	height: 50rpx;
-	line-height: 50rpx;
-	font-size: 26rpx;
-	background-image: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
+.vip_item_special .vip_item_title {
+  height: 50rpx;
+  line-height: 50rpx;
+  font-size: 26rpx;
+  background-image: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
 }
-.vip_price{
-	margin-top: 5rpx;
+.vip_price {
+  margin-top: 5rpx;
 }
-.vip_price text,.vip_qx text,.vip_qx_v{
-	display: inline-block;
-	font-size: 28rpx;
-	line-height: 40rpx;
+.vip_price text,
+.vip_qx text,
+.vip_qx_v {
+  display: inline-block;
+  font-size: 28rpx;
+  line-height: 40rpx;
 }
-.vip_item_used{
-	position: absolute;
-	right: 20rpx;
-	bottom: 20rpx;
-	font-size: 24rpx;
-	color: #427ec5;
-	font-weight: bold;
+.vip_item_used {
+  position: absolute;
+  right: 20rpx;
+  bottom: 20rpx;
+  font-size: 24rpx;
+  color: #427ec5;
+  font-weight: bold;
 }
-.vip_item_btn{
-	position: absolute;
-	right: 20rpx;
-	top: 30rpx;
-	font-size: 23rpx;
-	line-height: 40rpx;
-	border: 1rpx solid #ff1f00;
-	color: #ff1f00;
-	padding: 0 12rpx;
-	border-radius: 15rpx;
-	opacity: 0.8;
+.vip_item_btn {
+  position: absolute;
+  right: 20rpx;
+  top: 30rpx;
+  font-size: 23rpx;
+  line-height: 40rpx;
+  border: 1rpx solid #ff1f00;
+  color: #ff1f00;
+  padding: 0 12rpx;
+  border-radius: 15rpx;
+  opacity: 0.8;
 }
-.font_bold{
-	font-weight: bold;
+.font_bold {
+  font-weight: bold;
 }
-.vip_fee{
-	font-size: 34rpx !important;
-	color: #ff1f00;
-	font-weight: bold;
-	padding: 0 5rpx;
+.vip_fee {
+  font-size: 34rpx !important;
+  color: #ff1f00;
+  font-weight: bold;
+  padding: 0 5rpx;
 }
-.vip_price_v{
-	font-size: 26rpx !important;
-	color: #ff1f00;
-	border: 1rpx solid #ff1f00;
-	border-radius: 10rpx;
-	margin-right: 15rpx;
-	margin-bottom: 10rpx;
-	padding: 0 10rpx;
+.vip_price_v {
+  font-size: 26rpx !important;
+  color: #ff1f00;
+  border: 1rpx solid #ff1f00;
+  border-radius: 10rpx;
+  margin-right: 15rpx;
+  margin-bottom: 10rpx;
+  padding: 0 10rpx;
 }
-.vip_price_yq{
-	font-size: 26rpx !important;
-	color: #427ec5;
-	border: 1rpx solid #427ec5;
-	border-radius: 10rpx;
-	margin-right: 15rpx;
-	margin-bottom: 10rpx;
-	padding: 0 10rpx;
+.vip_price_yq {
+  font-size: 26rpx !important;
+  color: #427ec5;
+  border: 1rpx solid #427ec5;
+  border-radius: 10rpx;
+  margin-right: 15rpx;
+  margin-bottom: 10rpx;
+  padding: 0 10rpx;
 }
-.line{
-	text-decoration: line-through;
-	color: #258feb;
-	font-style: italic;
+.line {
+  text-decoration: line-through;
+  color: #258feb;
+  font-style: italic;
 }
-.vip_item_flag{
-	font-size: 26rpx;
-	color: #666;
-	padding-left: 20rpx;
+.vip_item_flag {
+  font-size: 26rpx;
+  color: #666;
+  padding-left: 20rpx;
 }
-.vip_item_flag text{
-	vertical-align: bottom;
+.vip_item_flag text {
+  vertical-align: bottom;
 }
 
-
-.vip_item_overdue{
-	background: rgba(220, 223, 225, 0.9) !important;
-	opacity: 0.75;
+.vip_item_overdue {
+  background: rgba(220, 223, 225, 0.9) !important;
+  opacity: 0.75;
 }
-.vip_item_overdue .vip_item_title{
-	background-image: none;
-	font-size: 32rpx;
-	color: #000;
-	padding: 0;
+.vip_item_overdue .vip_item_title {
+  background-image: none;
+  font-size: 32rpx;
+  color: #000;
+  padding: 0;
 }
-.vip_item_bg_1{
-	background: rgba(227, 120, 125, 0.3) !important;
+.vip_item_bg_1 {
+  background: rgba(227, 120, 125, 0.3) !important;
 }
-.vip_item_bg_2{
-	background: rgba(64, 148, 222, 0.3) !important;
+.vip_item_bg_2 {
+  background: rgba(64, 148, 222, 0.3) !important;
 }
-.vip_item_tip{
-	color: #ff1f00;
-	font-size: 26rpx;
-	padding-left: 20rpx;
+.vip_item_tip {
+  color: #ff1f00;
+  font-size: 26rpx;
+  padding-left: 20rpx;
 }
-.vip_item_tip text{
-	vertical-align: bottom;
+.vip_item_tip text {
+  vertical-align: bottom;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/static/icon/vip.png b/static/icon/vip.png
index 04941052ed00d8c8e7039cbf84bd51df86148b94..7c4c7246450652f264d8b5082d454849cf1b1164 100644
GIT binary patch
literal 4289
zcmb7I`9GBH_a8&{WybSZvL{81UA9m(vQ!Gw82e5n8S6vDNX8On9b^#35>sO^c1=W<
zEMpynvhO7O`kCkX{srG3?)y5g_c_<=KG%7j^S;ixV;`CraIgxn0ssIGBSWYeZC#^1
z<IIe-H*V`=Apii1F@oyC{>fgSyy-R3F2b}mZ5sGg(ns*IQ7Y#nKmdEbRdl*eUN0>8
z`D7#{iE>?^B72*n@<rzD`t@6*;=SDd|Fo{UxW{oc%0<qXEJ^3BJXD}#eeaR=HBNS$
zV?={^Z#!}5cc1X*T$~4_lP}JG>dm*=Bva#b48}s}+qE}m``YdN=YC_WyMSvebsr}#
z=TAerSHNIlA)y^jtcm<`G@<YXWnjQ8MR5-d#)I@&+^D{`LEXgibu1Q(mw4e=j?y>0
z<UVrId4F~-%$a3vU|`^WJ9QKpsv5y*GivK6<bF56Cyg<1s9;KBrw9N=FE-b}7%hw(
zFf<ozMw^V#IC+3jO&fm$ZbmEU0~ua6?EC&<tpT%i#B2O7pIX)X&jd9H1$MipL;Lh|
zuxIK*c8LO3GF|UL@Q9ACS9-rjaX6e?sv2KQv!jQ{@>MY2;LsJ|6Qj7-XI2U&J$;4_
zvCrTe^{h6C`tt~oHiB;bB|FA#Sub%1LFYuNf~;n(#p8@;D9{+UxvO*$^6k_(uV4uK
z+V=J~>#uAcF*xx(hZb7c*8TL+(?I~a&quux<gc^(oHL#Pl=$>eO6vo>%=L5bF=L?0
zOBO)#BhIcIcca&_V8HUWOoH}v#ApDe0a)1a38M|BQtlP`{@?&c+>)^y<a@xtJ8Dfw
zL@5UP`2toD4m2|t<6vLjp$gq%EBwOM2@wG3qG*KXisQ?VrxA9>`jYEcBlMJ&mFEj?
z{<#^I8NohghF>$UCO!~-eRdb>vd{IV4Z8u+Ugmoo_6L@AKk8cT$L9$#q?mSNr_|P?
zYdpgB$lXIz!<W>s_>E^dMF}G|Kw0{>koCZ0AVrFh5nYn&>6*J?7tVVWCWzOl|Kp$-
z&8wSz5L~Vw<%>`&+tn>3Z0}Fi9@!w{#k{o&c)=f=R@}zP_z|WduSVFAfFaP?>s3sL
zKmsRb(2Knze!SAeb7;S?H|&x!{KK%P#=wWzw}~rMsjVtwee_6wx92y3&+YVMBPE;H
zP8%!R-VgM>{HN#p_f&j^dzD^$X%5I#T2m_i`i#2Cn0WsFfH!kTY=HsPVK>qbk?>V<
zeoLs!>8V1y4w2t^zDf}2gzVuut2>56a@l?pm@)oU4*Rkz{_ca`jD>8N0RL_EX!49$
z9v=hzGBPTDdYC?hT!Tw0K8+lR2s@j+(WS$dj3RqRO^X-n72k;WMcigCcT=_U^MCNA
zXGvOzK3VPZ3l^82))6hRX<;2Xa61167cZs3lNB}mcCtqN6=@LL7F@Q#y4aWdjQeAo
z=i;WtYt2c^5NcNOARA}Xx%bv<T*8P@*x~5}OEss{K&wXi!auPxR(ls@u4U1ou79m=
zk0<BO!Znq}2#h80y;s^&-Z*7?;1j@@;6z1B)ENjt-?5i16~BundwN&vycKz<XIXxe
z0q%#9{&c%Z#I<4ygy?y-u4u};%7Ge2WcX$b)<N2<=Y&k|LwJObYMTv2Uk6%E&HC3@
z?)dG?;zf9QNJ0xE0`k=v`L$M}{bMs*RP)0aPRV#L(t_V1REJiFB4CQ~I7h5?=~91n
zJDU}r3uy1YFB>v0-;ZUA&-`5X{CMJ~cvIhowf}seDe}osQkb-;z3SrG!t(cUi#V@&
zCpl#0@8ssg9r<6O*5dhX7cjjvSGHy%UL3h5p1o*`+B9nQ47+t+%a2Ff+W5T55qx+3
zq(M{C^h{2!cIT|&_P@6EpZi?4rwb5$2jq_<Ogm$eUk3LYAvFE3HoB&NTut})*RUF)
zd!1~hSj~>}7oG6KX|KlDDsfG<Kh3I%xnrBgmntRCEo6?(wU-kx6icDPOwxVJW3@*#
z#MZZKI|!FdK|T6iSOd{fG4>acyZoe}O`3${{VX&5nxi}pn`M4Dq|O5kTIeu4^}&~9
zC1AQp&qkX6)2?6@Wo`tOE=e_rWTpvQ@6PHGw{6?LP{|*rE>;r#%2sS+iRQfTj%Zj1
z`2z%9SN@%7+NA9EUM+4`F{?;PiBJ@$#A7P4J|&g-vaItpyO&L+-GGj-0XB|bVx34G
z+LV^N!#Dy%UXbY_9+VzdrlivLAlDcK@pZ7pvUXEWKMzdXhk*LZ_Fh@lZF`<?m9W7V
zTS%dK1&o`e*S_q0km1urUQ4y4B-9nN^R<jB(Wl`3pZBs{D?TuVB0a(_kV>iq>D*qo
zec2=RHet=!q#>1Vr?fJM!mt%?HNSJ$!jG7FKUny|hup42EOZld$I?bx(|`X+`HEk2
z?3C7pFD`eOXt|G*sfq7OtPN#qK<)<TV>pso&5~V_=D+FsH>`Ksg4|O>;prEJ5&3HN
zg<VP>)jE0M_U9>CEI%$L&wY)Q;AHP<zdL@m$At?T-pU!CGs{puV+_o1m25iQ=@!xs
zZ(FiK8pgA24CU6<{v2RR3!~ABQxo#YKKBe)*rYUL6Ppk7UwZf8+$;n@Jmx)he~xNC
zIa}8%SJj0MDIe{fAZhiw+he{%xE?-~V)LOf=jcbmr<?wz+nVXsuaa{r25A%|>^dJm
zb$_s6JAl+)v!3$e5+<H7f0d9uS<@k6yFWX6PGd&Z01aBLJgg>u^1uGs1Ku5D>}n|#
z(1|g^Zj}FiX+-qpqpJU=%-solVB|B%pR~a9O{EE9pJnhU;O$;v8bt9NV%y@}#y9@R
zhB3}hI^S@JGV{AzMS3C!{YAoZ$?;lqrsBzos_`?yMHn=Rz;uyku~gURC0URe($;Vr
zDw{Hx9sG9@1Rjthz@WV*Naa=$h=~g>W;VZCY{}`DPpqXy0sZNy0zEtz{KYg6EgU>9
zFTu_IBBzFu^{0tF)lK93p)kxvG&r9%WONopP5L%D2JP<8>%L`)P;D!NnB<>eqrfw>
zJ_iCu1v>)rDZz%7Ab29CZMds>dpQck5kgH;F%Um|?8^&R5VF9p$z;NmII>$s&}28m
zk#tYfy2rsVb+k68wX;N`tE+?NfsTou!?&N0b7W~!3-8606zi%g6nG{DL{*gfBDP9f
zGAgrV)gyAE$cbOb=A@rOdlFvY4hbRkrb~psVAFzZl)RwbXuJ}g!JZd6rb&$<5XhKA
zq?>;EuVh@|bqhDk@w}L64YJ&d8WbeOF|ljm*qH8xGnX^1DJ<)4u5ekm(=%!fyaGFg
zGecZBIWuTX%9W9yA?Nk{KcLs~)Uo@3Y>3nZjW|#>bsnbU=qI%KfvfcNqRV7vqyoc;
z0r#8Dh!meZ_GoP-Kw!??dkM~HG9#I6zWs2Rp>>2Mq9BY2f-8Ex2S~-HyrM7U2MPiV
zPFx(L5bVzj0f|SQy84%+$*c}PuW6{O$6X=-)mJ2$ip89$dO&Kd*j<7eYaaT3`<*9p
z>sKGsp?Jtm6>qQ5d<BZgUSmR~MI_A}ypKzINj4_;{(X~uqw@<qIRYiw!O8#!ZX_h|
z-HDlZluwPa<0S%6X;G-+1BWQY)V*<z{x;fW#hB|9xh~B`Q~W`60M}3e0bK_=l}Ix1
zF$3yCKQoXm56r-O>oPMW;tmJ_NDw3Ze+-^z-bdiMmb{Ss2U%!*FmCn6bwT-8pDd@f
zu7oC(tYbI43NQ4zjH`7%u|zcY<m|B_L}kPo0wX7DmfD9GTShw>3`erWK>HHm76r`)
z!(A_aE=F;9l`b()@Lk|qb9-X9Oi~f%^!v+&m;Kq$e(GuS@X@XRzU2B@UdC8|amit;
z)#B8!=^qhVuB<g*3H67TE-~!6IL5S0FZT-A>umq*f~f|(@8y6fMbI}z(uDlJB#-!O
z@KyRKH~_UPrmS9&4@tj<{zH=1(Gz4x?OqB=PmCiTn9T?L>{GMyYsa+O!5+z9ZIP;Y
zLp$KFrN;%$YLB?2RvZI@4PpIKdvz4oA_b;eGs=5Gi`+rlrD#0v&do4_o~$Vu#B%)T
zELvu9>2kEqc_;ncG8zppn$wqGl?~s8Gb7X6l;#N@2h1mF6Z(#&pL`{zB$&MbnX9>`
zOu10)^3H-*8f6{7D<1TYP6tr|jSx<593Od!@FPMXgqi|E(3w8q!})hRYpm(3l&xhu
zm;}*+094Ypr4kWCtqVAt@3U9RJRIX$O62189eV~-rt~M)W4|_TG<JT=QM^K#RC4Tc
zGS$e&OjTQr6`N65LKD6x@CVbf?CluR<(ckZyM!VxRix5{jC|T1eyTXPOP3Sn{w8#W
zu;3`|L~95pSNjU3lN*H^Tgdk$jrLU^P-sYKcyISi9`+uLb5)54nQU>;-fjCr;mOc`
zl&b;;leA3$A&iKwzZa*QW{>^MyMN`;Tf%}hFkIbhM|UqZJY!+XjqIZJs@oe{h_9qA
z6rMY>go#~1R<&9PjvvJ8YX|{Q9J&kbfuAW4GDTE3Y5f_h`0ofmYQG4ZcikW9c<_ir
z;B?DMY;u2Vv_$>OVwk@P0}RIbF4Wxwq$B4u9|(3#ixN?l$P}Cq+--7hDk?2#wRw2_
zjp@w+thIzKiykQ0Nz1!>h-#A%>6o|o#$Qp%>cC8jlL+j)Fk>2s%Is1ky=}b_8A8>9
zaC3S(K8rO}c_>jyMc6UD6Vqf+70=ZDYmg=eGkZamT#=xA`cYDZZ})Wf6yMq@@PPAg
zITS1O#4*>~_oDm}(4o5x;QHiX6&zm_kNC=aG}bIN$u6}O^lG(UyE|ZVy-F~@QfhFm
zzf}*m<j4cke(5gM!fJldLxhxJ0%iOq|FDa2rd$z|?k4(hmg!|YA!b16O#hwS+yVmw
zNuJeK<4-A5wDZ&sdHis!KIX-?xv)D2XktY!i_`k?&)lXOlM8@b5q1re%?@C2-N%L;
zUuS?Apsz$9>SD<&w+?X0m{s48jp09MOKk&W4nL`x;EPGLM^73T%K|_yC#kzqgx3|v
zrB#doU_vgD_**m&!q|~r;G6N-$y5AJJRQ+hDaC91!jdbU(kx=rcuw(9v<Y%cRiS;v
z<ODm)M(G9?Za`_c-*c=5kxoqG#l@X9$Jl-v{J3n=+kWo|wTTyQ{k5g!*d!TIxO>uK
z{5ObdQapJ3F&%fC@}i6nwpa2&&WWXTTCYMoJXMtqVB+vPjM&gH!4i_-<7hiUs=15f
zzElPHjkFEIPkNtQ>}Zyz5uQ#=>4cw!X2yINRAmR4Af_iLo38xPTgI(Eoj3!(zwnS2
z{7*qaL7(4-g_XG9r;<)DcR2&D^E+cE)&ol#=Jaj~xvgcB?m^vKnneMet@V|al{`mb
zrs2P6Lu1@({XTPw44`F+1Krw<H7Vws?@6M+3x(m~-Lz>{1dPA;M+2ZyG38xToV9o3
zk%Pt#34kK;JJ;l=l2cL{(ygtmJeAtLxg*(b6)Kcu50HJC<>qYOD3XelN^Bsg`TrZ;
z4`UQZB%=7flQ!x%NVDqJrc9|WUj?X0=U=v$*v(KExmlKLzXETRTH({(-Q2pM(8Sr)
z*d=Z8nb9CRrPhE+5n-Ko)j>W!{g*Wx-^nJBPDI0+DQLMXRo%2-696N96X-`hhsgf{
DpBz5g

literal 5507
zcmd6L`9G9h`2V?Y6N4~AAyH!xMaYuS!&tIp4WSUBB3Y8*DKs~cy(GIZJ;^q*RF<+$
zi@i|xb$Ft(E88%b@AQ0MukY*o!{-n9{B)o5I`4C?>s<Fa=Xzi77)x_Q9xf3s0057%
zk-ilG5UU9RG&}3#=wEpCPw$qMp)M%x6rBNJ|6j)XIyQe_TFCBtDB85Yr8daeRXsKu
z!{5f~@b95(Ex-HLkAByVu9>KJ2p>IlS+igi#~-ASCd1S@Dcx_^@ydVENKTrdD~m^k
ze|#m-cXc?vMcKNnc$`waxcfSy-=lc0<wyPQI>oMU%=-fbq2p5tn!}Hj{m=xm4)BA~
z@#z3obp56rfW`qjKpB_<NVwwH0Sy!egaBCL2m;~<>3hXsG|&QJSOEesxDj%n7eax<
z2sN4$2P95v=|uq;;Ul<wL}3u@!Q7{M0HSi>6kTC7H9DcITO0usY#8Aa5X$9a^R=HC
z0$66bkxp2H{nlpt4qm%<Elu#`oqF$)McNn*oAvOioxy~=R&K6}*~(^T=L5#b>Cmm!
zskX<`KbWPz3eCa#`npfGcW}LD=0UR_zefW<RacKDQ@@00X%7z#-KNujeS6mZ_;`n%
zIB;A|J(9o3#VPvQn{kupi_SS{aAc%*q-vp_i$^~Vml#P6(V}T<YHA)+HIu=EIL%!r
z-EBE71Bo>Ozc=?7QV}=`sEHU4(Fzi3$fDgM0Juxw)b)||yPc<X1fd%L>GtPiV`ChS
zbh;)=ANAnstD(COJj31qxy7yA==)~ktQbr9DP?{3xfq8O0l#10K4Xj|CXymrT3R?f
zD{p9xn1a@2hm80;Ee0-Hxin2Jtp?u{J_1m>=@I!U=`YtVpO_Vu4ZAmVBhWecELk2n
zZo92nG<%y-@%)zi!TY;jLgd{Ffo?%a6~axb1rE4xzd?J%BC$ZOe^a|-4-$w|41`||
z&A&9z!d(D0^p?fg_(lwr5(>A$gs)|Zo1TKO*)5f9bKiW#h#!34Ir>vw2%bS%6~M-@
zVutBxU2a-n-pC^n9L5B9lq*^gq;9(|G~LE@OC`Q^I&~4$Fy=%a4dW6CI1O=ODKNSt
zVA@oKQN&?t)o^FQk;iSLE_-b_A+#hW+8E8w4d!+^1&il<X$}7UAvfPzUnu)&E*Dni
z?R&q$OvWCdnQou0ck5(*x2tb5ckccgSSu7jq;q#mHh%|HtDmZ~Z+NzfOQpUG&=})W
zSO0_8Tkb#CKQ==Po*P+-qXnJPq0^VsK5HM^d2g3Yn`6a3+gu?kK-TCFw3`KWS|!!5
zEKPKtg6JKzyZb{9NheETGC9!v;63wYGmrPqXD{s>+NK+yJ}%Yq&5EuaTQ~}-WcuGv
z@Z6k?a&CFDKB~^gtB@pQl%HN1PR<T<g>c(l*FR1*I}R#jtT06U)giV0e#W{F?qbjx
z>^QJf?rEvu_G2eY<faf)^KiXrF9%negbN;=-n8o^KRsT1yD^LDB__{B|Ca0grTD>}
zc+QA<4vZm)TiSe6#_+Q-C&+F)AIgsd>FhQ>^fMc}hj_WLpkZo+kD*2)F<;;GVrFu*
z5zI2Hh~l6sgi_`t!D!SlN<~rB82%hhns5`A>aKKilDTl{vhd|=W7)JbU^vQw(<O*}
z^8BkUQxsCRlRjip?HVTvV6vCQx8aY$kS-pesDsxp_R$*FLSK>Qf?v#b&fTPd)9Qt>
zy)Tte)Fht;qSq3e-?#eRMM@=K*6xlz>)CjvR&$!l5!7&wwLE8e(0Bw`?R0M!GY`cS
z&hgfQ6rRTg8Ymp!kGBqATKD*El#MhWyb}dhzusui4zv!_c4UYj6K~Zcv^Tdph{1_z
zLG>@1qQPZS{rbN3y$~i`#O#DL%9pm)$w<U#?y^tvqp7%09*SsZ|HRrxXm$HM9&Bc8
zJUc_Xr+a#9girI%ofxq9eSG`9L>~-(rEISjiHIiL{k~Q$6M7EagKT*lqq>6+P9H`T
zwwLaFRKYcRCp$>Omh8if*^suzK1hk@XJs1}xs=sKUirG*=#}Y-gkgW5j{#F|V-HjF
zCbfHzyMvEKskr&%YnZ2#qyb8UIU9ZUrXDKsjwjK<V=OIT?ANgDtCdE1mEC~??WMlC
z3f&LP1~axNRCR_NX>Bm!os=@)VJG2lX$cs_9!m7dAa<_x%`9%(-MUV)HlH`q^>XG(
zyvqW9;H+lM-dw1PT^mVR!63qkCmwcbL~ZpLHkS5RxPD*`7eEzNB5l_?F^DB(^v3cD
zx~A47!S}OSsE$VhA4ikpc1PRii{ATZUpcf(0CC0V4(`=`7v@%0Dke!UD3D&&`RJ~f
zTx28JHGGk(XDWZ6+_x8=syNkuiu!D07w3!da3b9I*68{Z<*3pfUsu}>6`a(nvszVV
zgxPG_dw(>7v3W)`oEfG}yMEc$wLDINDmpSMxwCrh*xJQ`mHov@lJ~8v3vtiy*FLw^
zx6XQz*C1la3nfy&@-k~rdeNiruQyrgxj#GJ-+4)O@a(^ouqznAS^ks@X{tGE!6w%n
z0aQL0Hu4l!<h?fcI7>3L(A+K)f2VHaVC-Xqy%G&1yYJ813{R4HIL$xjeShhjEa(-J
zYmltN8jyQZyy`e~%qH-(i8-6x4b_RDLpZ<>`CWOP28~@>Npc8(@t!G?4-LD?ddn6)
zG)UG1dEKuIpyzsL<4iY|I+Cyt0{2-C+gcq?kck2jgq~RVtTxH#!0teKVCm6*sYtnx
zY7!lIAU>fYM#+**`+MHTq%~yT-<K;%Yh!6HhzEaU!Oc}2h1*BI^^$Kfq^G9wVpMI%
zR0wAzk?!oON(g3>7M6T1fB%KTvFAmir!obn(9B!oI+Y6BNslhXD;&wW2R_2{<9q&|
z8|Ewif~=Y7mGtkb-F%(N?h(Zpi`0G@#D)hIaCi0((J#~NqrYm^c5lhEk1-2+y;YC5
z?%#DVW7C)%Yg`Le8DIP>p<`)>@jD<bE!;<3WA+90X-<BMdryv_N7+M@8V?_?uUs1(
zIYVjb&t>&c7+sT#wk9C;$5)Z3o{P(kbEH`n>KPmJy4U<=Y~zCx#B(TIvW?O07n*(7
zvyLtae9G8%SO}UI8*t58+DbiUB;H_o`vM+tvw1EF*)O`yzb5O`8%5vMj0JqvbIWOb
z@d8?!e~do@qowv+T?&?+eOsj$Nw%RM*5E0R%}G7LyE=VHTs{_j?B-IJ9@rzDA(*_E
zsd=@*6KNWcC9aDsKMoaNjQMZaP!s#pD|qDP<+f#-8tcxuepb6Xv!o@S)UTZAKLtwm
zW=JGEEim#ubrvg`W~O$JeWipe;N>So43LG&O;KB0b#+<g_m@dT5z8bV7y<Os!zr{|
zl5nUPam6XfW8QSNQfjk)B+Txmb_rmeA7?Xp>w7?w&lTBU&Vsw&nj4Lw-e8;a)GGmX
zE~orKYJ;QR`j~%6C?#t@K;bA|sjdFk#9X>WB%o;EP8>=aS}b8(Fm^)&II-`%G3sj5
zf_FR%Nu84%-eZKiE|5_6@Xy5YV0@Q8z`r}1+ssA1NG^e87(?8BkI=7=$Wd}x0K)g9
z?az%+$Ji1|7T--aooHC;GK@o04Q1AX_``}&#LjDb5Hz9XG5&hdv}av(Dc|>fwg7{;
zcADbLg}1KpykdF3Z$+0stf@O!?GqQ(V0Q}m*BptViYBX7zvBY1WiOjCO0bFcXPf)h
z2q?15?tPYBatX&tGd+Cy6Ha@G0NQWU{<(r8|9>4@xILY)@-6R*fy?kQ3dsLE?btOb
zoY2gVk;{8rWP?z+G>0Vgr!!ldf&b0_dpy(jR;YYQCS=!*{o^3l=rYp@hfSyL`xEcY
zdLO+wNq8kI{7+082fRHV>APIAE{7+k&G@_Hj4D73;Y@mXu|2e`s|)I)lew3Dz!kDX
zvD+SMhX}Ncw~{B|Ef4%mon;|j8vKVyMBA{xeXd~(>PoOc0Y44<USd?-r0tz5m!@(d
zX(!-`GkK0k%74q~{Xb9%N``IBQcM=$JJAUGvA;NfSUX|BCJICgO8~rSdnAT6!HZ>=
z@KG4TT(*+`cotFWR_&{Rajx+oTJfk59$UCKz>Fvf&ctH@_Q<rZB%Bh)y1)c1V((w{
z<ChO&6Q0#24ar=M1JUP>3Q7LK7ipjfp9CSyGb?$cKO3<kmVoFXJaDyX-{W*>qSEea
zd!<#j#6-iMR&hMSvU3g%e~?7L-k#EUE*KB9d=-eqDVnlKx#B{5ArAMy79_Rr&dTt^
z@ifxz%9qIRaXr})wmI5;^*0BDL`5&H?)MA{4N{=R--ZhENR({GY`{k3Zs4a;-^}eg
zm;2TLDzADzrR>6DX(yAot%e7p4&SY>EPVYJt(rS;O)jW;mSU6*M77?M+pXH`3Z^l@
z>w~fAxOy2Q{dx1`;_y=a+CqPE-r>&q$3Tv6@RvSXpT%RM6{Q6Ih4N|@tHqW=R{d>G
z)n6=F`iCf9>t*6kpDjKL+p8UFz)V#t{W&t0xF0H1q1~tu)q*8>!ZZqfgXn@HOl}FD
zpR7$+$%is08xJOzbyXUI?8}(21lIc&U3w`}H^~>uH)jj6PUz;oECZ9pOS$AN-S(pi
z@)V<_u%|*luhUdNFq5!IoZLyV#tR`9Uw#Ex%g#J%w;eX`V&zzMp6|8K@<)p#Cz)$O
z&O9QeWsSDhz*AcjyZqu#jZQ&1Pk4XXdo;m3_<}jx>;G1=0U9If;`E75wFE}(f>E~X
z^lFN!w>Zck<f^%;^DIX)Pjos5qsnh+8l(1oz!i}8d2mCmJYzxUnj(t%fAG~)){nwJ
zZ_qb3EUFEl6V|DtyN}+ml9=-H3Xe{My4TO_cKr6zGeG~CqCdes{s2q~f;dkW-AeP>
zak?^DOLko>O#0QLFI&1~tD8Pzs8kgN+#_~Mj?yCcEAcF!*(Xk1a{}owDp(oD#G6i{
z+WK8)RH#7%+(TO<*Puj2v&&Ci)<q};aMu0|KfB4{;R-G$Bb9CW%z2;FR_BgS3PcX;
z1Fo=*#aC$&iw(=#sx#BIh1Xl5QzwY$65Z`wZumS+e(3HY1hs<O-U3O9eL*cR_cBck
zz}z9bOXE{3!>*dkFTAw>R$~S%TQ`*_=L%QH0b#ar`}$@Ts?xT?Q6P9S#)-4yr^y*2
z9!Mojj)>HGi@1pG@)-l8UGG(Y6gdy%nX;99U_M17Dj65Q@^MuqfPE39@z)Aps@lRr
zCmRjkcMPaeB+02}=^MeucyLL-d5>#8r2d{1bE@wcsM}{V{~C=5r<~I<R`MhA&T%tC
zDI8y)t{#Uc-ltt$zrf-Z!Wr*48@RoRB8d{)3J0JYjKS959E1kP5IM<pHYxV}d507<
zfk$v9a<zj3HN4DRxs<DT!4#4_NWNY^MA$+=uS;v<pZ_x8xMTpXFZ1?j;aKlA+p!I&
z8)GUi4)n76sp&ZZECC6dlZyqtu0qZpOItJV8Q#vqU&oijLGQm}S9b{DQ#ZS<Tn0P6
zxR(_~DX0yimy~R2!sJ-x3MHCYki%MLTVtu1GbtUG6sg;uK@)Bt-0o#->z^>&>EmU_
zfa|~azG}dMs~!@^%rn?MZtOTMC}9Z^SOzgR2AuZD{2thNs<+31rbK(2b1{Oc57y`r
zmo0enduAH)c5SU%Q!-4Cppkw3nf@nwK-}_S$Vk!E!aTd{$Hs$)50^~d$_gU&_4Om(
zBO2I=XvqogdOJ!bnu$e>zODUKL6NQ8HghnJi&f|84}s0BXzW;K*AK>@Qa$MytBC5O
z*!h0?v0@>aVs-Veutaxq|6|hJoqyx>?b+w6Iaqqc%CB!NhDqmG)ZlFFl@KB4f#maa
z3l!Po(^*R9=c{SCr*He?XL9U;<CVv4?(#*+N?DvW#~WGojE^k7dV?kfUhvZ9s#xWK
z2QRMzyXsP$&mgC8gmTexfX063fq%ofS>g1|G%>FK=8h&%lc;S08ufDCIHNy$$YPau
zu*F67X&eZvL+RQA$1Yag%F2&!Uqw*5oDrXx_x2#3ghF*0zOWKh_<N>3<YMSzoAp%~
z<&I*NBr=eT2u_*(IW94a(7Ht$s3waNg1)*dT~@_a6FvFh5l&PT^Bfk@jOha*SeS^7
z=43wGgSfjmH5aHolg1D?Ecn4c$QMm9a7-MdykXG}C2|*j{2jmsn+b$&Sj2+Swi5IN
z2_s{In_kS715<FjNN&HO1z~%!(Jb$uR47fh_W!CWP8&Jk5Wh&hHjI-9%j<TQ;^;mf
zj&@hkG}9q_nzIxZvl(UP2qI+&oTf{-CekpidN|^E<EV)$<d=enZ;K+f%_g|1P!j*y
zVz}Ih>vwr##OW(Ij5%Suf#lgY3nOTwFV?)UKV0Du8hSh(4SJx%fp?>jC&>3Fq{{Qk
zkUc-Np?)G2J-wbUiORv2*U_CM^5F>)`+32D+mJqJxzEB5ThXeHeBMJ<Z5WiE(4V*;
zvYi}3_24X&W}JNV2@jmU>9ai}da%n&`1MvTgwEK7x}Wz^NI4JQmda_V+)48cyU$tV
z22d}Z>0+<&FoM}jy>cL&J?wFn_r|U9Uv`>KHXyZtoh6M8j8t7|B7AsJ`0Ogov9h^6
zIW#o%sQJ=vZ<wt(=(y*1J3LajCPLi!gAMnsyF94kw?EUuY@`9D-(ME3P`~<hlmFkL
zp$rD&EhA{8N=~+aVt94(K-gx;VnZu~rLJ|h^%PiiHFi3DaJrinQ!E6wxnWGX1Of&t
zo?k`VSOBPSTt5H<2eRZq&8ptLVY4jBuP-Z_SC{$#z%DJRnc|jzK`8PafiF7fK`a5x
z4_Yasilq@?<BQioLz*n!A?9%XK4Fce4bGbBbBMbbvQo60$!APq4vSjW$Na>h=2_BX
z;EkdKa34!vELOvcMId4jiu&NVsvh|cj3%rd`RCsM?9?vD=mpM?t>=OsuvArGe8ybA
JRM#c^{{XkB!bt!C


From 5d17820abc7f57a484d0ffdcf65b964e3982b080 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Fri, 18 Apr 2025 16:34:23 +0800
Subject: [PATCH 2/3] tijiao

---
 pages/goods/order/index.vue |   12 +-
 pages/mine/mine/index.vue   | 1053 +++++++++++++++++++++++++++++++++++
 pages/mine/vip/index.vue    |    1 +
 3 files changed, 1060 insertions(+), 6 deletions(-)

diff --git a/pages/goods/order/index.vue b/pages/goods/order/index.vue
index 47107d2..5266509 100644
--- a/pages/goods/order/index.vue
+++ b/pages/goods/order/index.vue
@@ -76,16 +76,16 @@
             slotProps.row.vipPrice != null
           "
         >
-          <text style="color: #e97512; font-size: 12px; font-weight: bold"
+          <text style="color: #e97512; font-size: 28rpx; font-weight: bold"
             >￥{{ slotProps.row.vipPrice.toFixed(2) }}</text
           >
-          <text style="color: #fa2d12; font-size: 10px; margin-left: 4px"
+          <text style="color: #fa2d12; font-size: 24rpx; margin-left: 4px"
             >VIP到手价</text
           >
           <text
             style="
               color: #8a8a8a;
-              font-size: 10px;
+              font-size: 24rpx;
               margin-left: 4px;
               font-weight: bold;
               text-decoration: line-through;
@@ -99,16 +99,16 @@
             slotProps.row.activityPrice && slotProps.row.activityPrice > 0
           "
         >
-          <text style="color: #e97512; font-size: 12px; font-weight: bold"
+          <text style="color: #e97512; font-size: 28rpx; font-weight: bold"
             >￥{{ slotProps.row.activityPrice.toFixed(2) }}</text
           >
-          <text style="color: #613804; font-size: 10px; margin-left: 4px"
+          <text style="color: #613804; font-size: 24rpx; margin-left: 4px"
             >活动价</text
           >
           <text
             style="
               color: #8a8a8a;
-              font-size: 10px;
+              font-size: 24rpx;
               margin-left: 4px;
               font-weight: bold;
               text-decoration: line-through;
diff --git a/pages/mine/mine/index.vue b/pages/mine/mine/index.vue
index e69de29..98f4914 100644
--- a/pages/mine/mine/index.vue
+++ b/pages/mine/mine/index.vue
@@ -0,0 +1,1053 @@
+<template>
+	<view style=" position: relative;
+      padding: 0 0;
+      font-size: 28rpx;
+      ;
+    " class="commonPageeeee commonPageBox">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<view class="setIcon" @click="goSetting">
+			<u-icon class="" labelColor="#258feb" labelPos="bottom" label="设置" name="setting"
+				:style="`top:${(10 + statusBarHeight) * 2}rpx`" color="#258feb" size="28"></u-icon>
+		</view>
+
+		<view class="bg_top flex_box flex_between">
+			<view class="per_mes">
+				<view class="per_mes_user" :style="hasVipType2?'width: 170rpx;':''">
+					<view style="width: 120rpx; height: 120rpx; display: inline-block;">
+						<image @click="goUserInfo" :src="userMes.avatar" v-if="userMes.avatar"
+							class="per_mes_img color_shandow"></image>
+						<image src="@/static/icon/home_icon_logo.png" v-else
+							class="per_mes_img color_shandow"></image>
+					</view>
+					<view class="user_vip_box" v-if="hasVipType1 || hasVipType2">
+						<view class="user_vip super" :style="hasVipType2?'width: 170rpx;':''">
+							<view class="user_vip_item" v-if="hasVipType1"><text>医学</text><image src="@/static/icon/chao_svip.png"></image></view>
+							<view class="user_vip_item" v-if="hasVipType2"><text>国学心理学</text><image src="@/static/icon/chao_svip.png"></image></view>
+						</view>
+					</view>
+				</view>
+				<view class="userInfoBox" style="margin-left: 20rpx;">
+					<template>
+						<view class="name">{{ userMes.nickname ? userMes.nickname : "未设置" }}</view>
+					</template>
+					<template v-if="userMes.tel">
+						<view class="phone">手机号：({{ userMes.tel }})</view>
+					</template>
+					<template v-if="textList.length>0">
+						<view class="vip_type">
+							<view class="vip_type_item" :class="textList.length>4?'vip_type_item_len':''" v-for="(item,index) in textList" :key="index">
+								{{item}}<image src="@/static/icon/chao_vip.png"></image>
+							</view>
+						</view>
+					</template>
+				</view>
+			</view>
+
+		</view>
+
+		<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
+			<view style="
+          padding: 20rpx;   overflow: hidden;
+        ">
+				<view class="chong_zhi boxShadow box_fillet vip_box">
+					<view class="noVip">
+						<view style="display: flex; align-items: center;">
+							<view class="zhanghu PM_font" style="text-align: left">
+								<image class="vip_image" style="width:80rpx;height:80rpx;margin-left: 10rpx;" src="@/static/vip.png" mode="aspectFit"></image>
+								<text style="color: #fff; font-size: 60rpx;" v-if="vipList.length==0">VIP</text>
+							</view>
+							<view class="vip_infor" v-if="vipList&&vipList.length>0">
+								<view class="vip_infor_item" v-for="(item, index) in vipList" :key="index" :class="{expired: isExpired(item.endTime)}">
+									<text>{{item.text}}VIP</text>
+									<text v-if="isExpired(item.endTime)">（{{item.endTime.split(' ')[0]}} 已到期）</text>
+									<text v-else>（有效期到 {{item.endTime.split(' ')[0]}})</text>
+								</view>
+							</view>
+							<view v-else class="vip_null" style=" padding-left: 30rpx;">办理VIP，畅享更多专属权益</view>
+						</view>
+						<view class="vip_btn" @click="onPageJump('/pages/mine/vip/index')"><button v-if="vipList.length==0">办理</button><button v-else>续费</button></view>
+					</view>
+				</view>
+				<!-- end -->
+				<view class="chong_zhi boxShadow box_fillet chongzhi_box">
+					<view class="chong_list">
+						<view class="left">
+							<view class="chong_list_item" style="
+							  display: flex;
+							  align-items: center;
+							  flex-direction: column;
+							  justify-content: space-between;
+							" @click="onPageJump('/pages/mine/wallet/index/index')">
+								<view class="pay_item_img">
+									天医币<u-icon @click.native.stop="openInfo()" name="question-circle"
+										style="float: right; margin: 0 6rpx"></u-icon>
+								</view>
+								<view class="text" style="line-height: 40rpx; display: flex">{{userMes.peanutCoin ? userMes.peanutCoin : 0}}</view>
+							</view>
+
+							<view class="chong_list_item" style="
+                  display: flex;
+                  align-items: center;
+                  flex-direction: column;
+                  justify-content: space-between;
+                " @click="onPageJump('/pages/mine/wallet/jf/index')">
+								<view class="pay_item_img">
+									积分
+								</view>
+
+								<view class="text" style="line-height: 40rpx">{{userMes.jf ? userMes.jf : 0}}</view>
+							</view>
+							<view class="chong_list_item" style="
+							  display: flex;
+							  align-items: center;
+							  flex-direction: column;
+							  justify-content: space-between;
+							" @click="onPageJump('/pages/mine/wallet/couponList')">
+								<view class="pay_item_img">
+									优惠券
+								</view>
+
+								<view class="text" style="line-height: 40rpx">{{userCouponNum}}</view>
+							</view>
+						</view>
+						<view class="chong_list_item" style="
+							display: flex;
+							align-items: center;
+							margin-right: 0;
+							justify-content: center;
+						  ">
+							<view class="chong_btn" v-if="iosHide"
+								@click="onPageJump('/pages/mine/wallet/recharge/index')">充 值</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="list_box">
+				<view class="xiugai boxShadow box_fillet">
+					<common-list :dataList="pageList" @hancleClick="handleClickTab" label="name">
+						<template slot="rightSlot" slot-scope="slotProps">
+              <text
+                class="fdButtonBox aui-text-success"
+                v-if="slotProps.row.contentType&&slotProps.row.contentType == 'hufen'&&hufenNumber>0"
+                style="line-height: 40rpx; font-size: 40rpx;color: #258feb;float: right;"
+                >{{ hufenNumber }}<text style="font-size: 30rpx;margin-left: 4rpx;">湖分</text></text
+              >
+            </template>
+					</common-list>
+				</view>
+			</view>
+		</view>
+
+		<u-modal :show="signShow" :content="signContent" :showCancelButton="true" @cancel="signShow = false"
+			@confirm="signOut">
+		</u-modal>
+		<!-- 分享弹窗 -->
+		<uni-popup ref="share" type="share" safeArea backgroundColor="#fff">
+			<uni-popup-share @select="haveSelected"></uni-popup-share>
+		</uni-popup>
+
+		<u-popup :show="infoShow" mode="center" round="6" backgroundColor="#fff">
+			<view class="popup_box">
+				<view class="title">温馨提示</view>
+
+				<view class="content">
+					<view class="center">
+						&nbsp;&nbsp;&nbsp;&nbsp;【天医币】仅为我平台支付使用币种 。
+						一人民币=一天医币，仅为了方便用户支付使用。<br />【天医币】可以用于在我平台支付书籍或课程使用。
+						<br />【天医币】这个名称是为适应我们平台的定位属性，所起名称。与区块链虚拟货币无任何关系。
+					</view>
+
+					<view class="bottom">
+						<view class="button_box" style="
+                align-items: center;
+                justify-content: center;
+              ">
+							<u-button style="width: 200rpx; float: center" :plain="true" text="知道啦" color="#9b9b9b"
+								size="small" @click="infoShow = false"></u-button>
+						</view>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+		<music-play :playData="playData"></music-play>
+		<z-navigation></z-navigation>
+
+	</view>
+</template>
+
+<script>
+	import musicPlay from "@/components/music.vue";
+	import $http from "@/config/requestConfig.js";
+	import {
+		mapState,
+		mapMutations
+	} from "vuex";
+	export default {
+		data() {
+			return {hufenNumber: 0,
+				roleObj: {},
+				infoShow: false, // 显示电子书相关
+				showEbook: false, // 显示电子书相关
+				userMes: {},
+				signShow: false,
+				signContent: "是否要退出登录？",
+				playData: {},
+				userCouponNum:0, // 优惠券数量
+				directorShow: false, // 主任是否显示班级入口
+				monitorShow: false, // 其他管理是否显示班级入口
+				pageList: [{
+						name: "我的订单",
+						url: "/pages/bookShop/orderList?type=mine",
+						type: "switchTab"
+					},
+					{
+						name: "我的证书",
+						url: "/pages/certificate/certificate",
+						type: "pageJump",
+					},
+					{
+						name: "培训班管理",
+						url: "/pages/trainingCourse/index",
+						type: "pageJump",
+					},
+					{
+						name: "我的湖分",
+						url: "/pages/hufen/hufen",
+						type: "pageJump", contentType: "hufen",
+					},
+					{
+						name: "个人资料",
+						url: "/pages/mine/userInfo/persData",
+						type: "pageJump",
+					},
+					{
+						name: "地址管理",
+						url: "/pages/component/commonComponents/address/index?type=mine",
+						type: "pageJump",
+					},
+					{
+						name: "关于我们",
+						url: "/pages/mine/aboutUs/index",
+						type: "pageJump",
+					},
+					{
+						name: "问题反馈/申诉",
+						url: "/pages/user/workOrder",
+						type: "workOrder"
+					}
+				],
+				//vip
+				vipList: [],
+				textList: [],  //普通vip文字
+				hasVipType1: false,
+				hasVipType2: false
+			};
+		},
+		//第一次加载
+		onLoad(e) {
+			// 隐藏原生的tabbar
+			uni.hideTabBar();
+		},
+		computed: {
+			...mapState(["userInfo"]),
+		},
+		//页面显示
+		async onShow() {
+			this.getData();
+			this.getUserRole()
+			this.gethufenData();
+			await this.getUserCouponList()
+			//获取vip身份
+			this.textList = [];
+			this.getUserVipType();
+		},
+		components: {
+			musicPlay,
+		},
+		//方法
+		methods: {
+			...mapMutations(["setUserInfo"]),
+			  async gethufenData() {
+      await this.$http
+        .post("common/userContribution/getUserContribution")
+        .then((res) => {
+          console.log("res at line 296:", res);
+          if (res.code == 0) {
+            this.hufenNumber = res.total;
+          } else {
+          }
+        })
+        .catch((e) => {
+          console.log(e, "报错");
+        });
+    },
+			// 获取用户优惠券列表
+			async getUserCouponList(){
+				await this.$http
+				  .request({
+				    url: "common/coupon/getCouponHistoryList",
+				    method: "POST",
+				    data: {
+				      "page":1,
+				          "limit":10,
+				          "getType":"",//获取类型 0 后台赠送 1 主动获取
+				          "status":"0",//使用状态 0 未使用 1 已使用 2 已过期
+				          "userInfo":"",//用户信息
+				          "userId":this.userInfo.id
+				    },
+				    header: {
+				      "Content-Type": "application/json",
+				    },
+				  })
+				  .then(async (res) => {
+					  if(res.code != 0) return this.$commonJS.showToast(res.errMsg);
+					  this.userCouponNum = res.couponList.total
+									
+				  }).catch(e => {
+					  this.$commonJS.showToast(e.errMsg);
+				  })
+			},
+			openInfo() {
+				this.infoShow = true;
+			},
+			goSetting() {
+				this.onPageJump("/pages/mine/set/index");
+			},
+			goUserInfo() {
+				this.onPageJump("/pages/mine/userInfo/persData");
+			},
+			handleClickTab(v) {
+				switch (v.type) {
+					case "pageJump":
+						this.onPageJump(v.url);
+						break;
+					case "switchTab":
+						this.switchTab(v.url);
+						break;
+					case "share":
+						//分享
+						this.newOnShare();
+						break;
+					case "quitLogin":
+						//退出登录
+						this.signShow = true;
+						break;
+					case "loginOut":
+						//注销账号
+						this.logout();
+						break;
+					case "workOrder":
+						uni.navigateTo({
+							url: `${v.url}?name=userPage`
+						})
+						break;
+				}
+			},
+			haveSelected(data) {
+				if (data.index == 0) {
+					// 分享到好友
+					uni.share({
+						provider: "weixin",
+						scene: "WXSceneSession",
+						type: 0,
+						href: this.$apkUrl,
+						title: "吴门医述",
+						summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！",
+						imageUrl: "static/icon/home_icon_logo.png",
+						success: function(res) {
+							console.log("success:" + JSON.stringify(res));
+						},
+						fail: function(err) {
+							console.log("fail:" + JSON.stringify(err));
+						},
+					});
+				} else if (data.index == 1) {
+					// 分享到朋友圈
+					uni.share({
+						provider: "weixin",
+						scene: "WXSceneTimeline",
+						type: 0,
+						href: this.$apkUrl,
+						title: "吴门医述",
+						summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！",
+						imageUrl: "static/icon/home_icon_logo.png",
+						success: function(res) {
+							console.log("success:" + JSON.stringify(res));
+						},
+						fail: function(err) {
+							console.log("fail:" + JSON.stringify(err));
+						},
+					});
+				}
+			},
+			switchTab(url) {
+				uni.switchTab({
+					url: url,
+				});
+			},
+			//判断过期的vip
+			isExpired(dateString){
+				const dataTime = new Date(dateString.replace(' ', 'T'));
+				//获取当前时间的Date对象
+				const currentTime = new Date();
+				//比较两个时间
+				return dataTime < currentTime;
+			},
+			// 获取用户的角色信息
+			getUserRole() {
+				this.$http.post("common/class/getRoleType").then((res) => {
+					this.roleObj = res.result
+					var zhurenIndex = this.pageList.findIndex(item => {
+						return item.name == '主任教学'
+					})
+					if (zhurenIndex > -1) {
+						this.pageList.splice(zhurenIndex, 1)
+					}
+					var banzhangIndex = this.pageList.findIndex(item => {
+						return item.name == '班级管理'
+					})
+					if (banzhangIndex > -1) {
+						this.pageList.splice(banzhangIndex, 1)
+					}
+					var yonghuIndex = this.pageList.findIndex(item => {
+						return item.name == '我的班级'
+					})
+					if (yonghuIndex > -1) {
+						this.pageList.splice(yonghuIndex, 1)
+					}
+					if (this.roleObj.isDirector) {
+						var n = this.pageList.find(item => {
+							return item.name == '主任教学'
+						})
+						if (!n) {
+							var item = {
+								name: "主任教学",
+								url: "/pages/miniClass/DirectorModalList?type=mine",
+								type: "pageJump"
+							}
+							this.pageList.splice(3, 0, item);
+						}
+					}
+					// 是班长
+					if (this.roleObj.isCommittee) {
+						var n = this.pageList.find(item => {
+							return item.name == '班级管理'
+						})
+						if (!n) {
+							var item = {
+								name: "班级管理",
+								url: "/pages/miniClass/MonitorClassList?type=mine",
+								type: "pageJump"
+							}
+							this.pageList.splice(3, 0, item);
+						}
+					}
+					// 是学员
+					if (this.roleObj.isStudent) {
+						var n = this.pageList.find(item => {
+							return item.name == '我的班级'
+						})
+						if (!n) {
+							var item = {
+								name: "我的班级",
+								url: "/pages/miniClass/myClassList?type=mine",
+								type: "pageJump"
+							}
+							this.pageList.splice(3, 0, item);
+						}
+					}
+
+				}).catch(e => {
+					
+				})
+			},
+			//获取个人信息
+			getData() {
+				if (this.userInfo.id != undefined) {
+					this.$http.post("common/user/getUserInfo").then((res) => {
+						this.userMes = res.result;
+					});
+				}
+			},
+
+			// 新写分享
+			newOnShare() {
+				this.$refs.share.open();
+			},
+
+			// 注销账户
+			logout() {
+				let that = this;
+				uni.showModal({
+					title: "提示",
+					content: "确定要注销当前账户吗？",
+					success: function(res) {
+						if (res.confirm) {
+							uni.showModal({
+								title: "提示",
+								showCancel: false,
+								content: `注销申请已提交成功,请联系客服进行后续操作：022-24142321`,
+								success: function(res1) {
+									if (res1.confirm) {
+										that.signOut();
+									}
+								},
+							});
+						} else if (res.cancel) {
+							// 取消操作
+						}
+					},
+				});
+			},
+			// 跳转
+			onGoing() {
+				uni.showToast({
+					icon: "none",
+					title: "开发中，敬请期待...",
+				});
+			},
+			onPageJump(url) {
+				uni.navigateTo({
+					url: url,
+				});
+			},
+
+			// 退出登录
+			signOut() {
+				this.signShow = false;
+				this.setUserInfo({
+					token: null,
+				});
+				uni.reLaunch({
+					url: "/pages/user/login/login",
+				});
+			},
+			//获取vip身份
+			getUserVipType() {
+				this.$http.request({
+					url: "common/userVip/getUserVipType",
+					method: "POST",
+					data: {},
+					header: {
+						"Content-Type": "application/json",
+					},
+				})
+				.then((res) => {
+					if (res.code == 0) {
+						this.vipList = res.list;
+						this.hasVipType1 = this.vipList.some(item => item.type === 1);
+						this.hasVipType2 = this.vipList.some(item => item.type === 2);
+						
+						//筛选出来已过期的
+						let listAll = this.vipList;
+						let list = this.vipList.filter(item => !this.isExpired(item.endTime));
+						
+						//全部的 vip模块展示
+						if(listAll.length>0){
+							listAll = this.showDataList(listAll);
+						}else{
+							this.textList = [];
+						}
+						
+						console.log('-------listAll',listAll)
+						//筛选过期以后的 昵称模块展示需要
+						if(list.length>0){
+							list = this.showDataList(list);
+						}else{
+							this.textList = [];
+						}
+						console.log('-------list',list)
+					}
+				});
+			},
+			//分情况展示逻辑
+			showDataList(list){
+				this.textList = [];
+				list.forEach((item, index) => {
+					if(item.type=='4'){
+						item.text = '中医学';
+						this.textList.push(item.text);
+					}else if(item.type=='5'){
+						item.text = '针灸学';
+						this.textList.push(item.text);
+					}else if(item.type=='6'){
+						item.text = '肿瘤学';
+						this.textList.push(item.text);
+					}else if(item.type=='7'){
+						item.text = '国学';
+						this.textList.push(item.text);
+					}else if(item.type=='8'){
+						item.text = '心理学';
+						this.textList.push(item.text);
+					}else if(item.type=='9'){
+						item.text = '中西汇通学';
+						this.textList.push(item.text);
+					}else if(item.type=='1'){
+						item.text = '医学S';
+					}else if(item.type=='2'){
+						item.text = '国学心理学S';
+					}
+				});
+				
+				return this.textList;
+			},
+		}
+	};
+</script>
+<style lang="scss" scoped>
+	@import "@/style/mixin.scss";
+
+	.per_mes_user {
+		width: 125rpx;
+		text-align: center;
+	}
+	
+	.per_mes {
+		width: 100%;
+		position: relative;
+		margin-top: 50rpx;
+		align-items: center;
+		display: flex;
+		align-items: center;
+
+		.per_mes_img {
+			width: 120rpx;
+			height: 120rpx;
+			border-radius: 100rpx;
+			margin: 0 0 0 0;
+			float: left;
+		}
+
+		view {
+			.name {
+				width: 100%;
+				font-weight: bold;
+				font-size: 32rpx;
+				color: #6990c7 !important;
+			}
+
+			.phone {
+				font-size: 26rpx;
+				color: #6990c7 !important;
+			}
+
+			.per_user_img {
+				display: inline-block;
+				width: 40upx;
+				height: 40upx;
+				margin-left: 10rpx;
+				vertical-align: super;
+			}
+		}
+	}
+
+	.now_vip {
+		background-color: #fff;
+		// border-radius: 20upx;
+		margin: 0 0 30upx 0;
+		padding: 0 30upx;
+		height: 120upx;
+		background-image: linear-gradient(90deg, #feeed6 0%, #f5ce99 100%);
+
+		image {
+			width: 46rpx;
+			height: 50rpx;
+			display: inline-block;
+			vertical-align: text-bottom;
+			margin: 0 10rpx 0 0;
+		}
+
+		text {
+			font-size: 30upx;
+			line-height: 120upx;
+			color: #977749;
+			font-weight: bold;
+		}
+
+		.kt_btn {
+			font-size: 26upx;
+			display: block;
+			float: right;
+			border-radius: 50rpx;
+			color: #fffbf6;
+			padding: 12rpx 26rpx;
+			margin: 33rpx 0 0 0;
+			background-image: linear-gradient(90deg, #dfa964 0%, #7f5218 100%);
+		}
+	}
+
+	.commonPageBox {
+		// background-image: url("@/static/icon/mine_bg.png");
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		background-image: linear-gradient(-60deg, #fdf0ed 0%, #bfe3f0 40%, #e4eefa 60%, #bfe3f0 80%, #fdf0ed 100%);
+		// background-color: #d8f8e4 !important;
+	}
+
+	.chong_zhi {
+		box-shadow: none;
+		padding: 0 30upx;
+		height: auto;
+
+		.zhanghu {
+			margin-bottom: 10rpx;
+			font-weight: bold;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			color: $themeColor;
+			font-weight: 700;
+		}
+
+		.noVip {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			
+			.zhanghu {
+				font-size: 40rpx;
+				margin-bottom: 0rpx;
+				text-align: center;
+				display: flex;
+				align-items: center;
+				image {
+					width: 100rpx;
+					height: 100rpx;
+				}
+			}
+		}
+
+		.hasVip {
+			.time {
+				color: #fff;
+				padding: 4rpx 20rpx;
+				font-size: 28rpx;
+				border-radius: 20rpx;
+				// background: linear-gradient(
+				//   to right,
+				//   #56B0CE 0%,
+				//   #6DDAEA 100%
+				// ) !important;
+			}
+		}
+
+		.chong_list {
+			display: flex;
+
+			align-items: center;
+			justify-content: space-between;
+			margin-bottom: 40rpx;
+
+			.left {
+				display: flex;
+				align-items: center;
+			}
+
+			.chong_list_item {
+				width: auto;
+				height: 100rpx;
+				margin-right: 60rpx;
+				text-align: center;
+				display: inline-block;
+				color: $themeColor;
+
+				.text {
+					font-size: 28rpx;
+					display: block;
+					font-weight: 700;
+					// margin: 0 0 10rpx 0;
+
+					color: $themeColor !important;
+				}
+			}
+
+			.chong_btn {
+				// position: absolute;
+				font-size: 26rpx;
+				display: block;
+				// top: 0px;
+				// right: 0px;
+				float: right;
+				border-radius: 50rpx;
+				color: #fffbf6;
+				padding: 10rpx 32rpx;
+				// margin-top: -60rpx;
+				// margin: 20rpx 0 0 0;
+				background-image: linear-gradient(90deg, #258feb 0%, #d5ecdd 200%);
+			}
+		}
+	}
+
+	.xiugai {
+		border-radius: 20rpx !important;
+		margin: 0 20rpx;
+		// padding:0 40rpx;
+		background: #f0f9fb;
+
+		.nav_list {
+			background-color: #b7e0e2;
+			padding: 15rpx 0 15rpx 10rpx;
+			display: flex;
+			align-items: center;
+			font-size: 22rpx;
+			position: relative;
+			font-weight: bold;
+			border-bottom: 1px solid #e5e5e5;
+
+			&:active {
+				background-color: #f5f5f5;
+			}
+
+			text {
+				color: #333;
+				margin-left: 10rpx;
+			}
+
+			&::after {
+				content: "";
+				position: absolute;
+				right: 20rpx;
+				top: 50%;
+				transform: translateY(-50%);
+				width: 30rpx;
+				height: 30rpx;
+				background-image: url("@/static/icon/icon_right.png");
+				background-position: center center;
+				background-repeat: no-repeat;
+				background-size: cover;
+			}
+		}
+
+		.nav_list:nth-last-child(1) {
+			border-bottom: 0;
+		}
+	}
+
+	.box_fillet {
+		border-radius: 20rpx;
+		overflow: hidden;
+	}
+
+	.chongzhi_box {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		padding: 30rpx 20rpx 10rpx;
+		background-color: #f0f9fb;
+		border-radius: 20rpx;
+	}
+
+	.vip_box {
+		padding: 22rpx 0 !important;
+		margin-bottom: 32rpx;
+		padding: 0;
+		position: relative;
+		width: 100%;
+		border-radius: 20rpx;
+		background-image: linear-gradient(60deg, #8265f9 30%, #016dea 100%);
+		
+		.zhanghu {
+			font-size: 80rpx;
+			text-align: center;
+			line-height: 100%;
+			margin-bottom: 0;
+		}
+	}
+
+	/deep/.scroll-view-item:nth-child(2n-1) {
+		background-color: transparent !important;
+	}
+	.bg_top {
+		padding: 0 10rpx 0 20rpx;
+		padding-top: 80rpx;
+		margin-bottom: 60rpx;
+	}
+
+	.setIcon {
+		position: absolute;
+		right: 30rpx;
+		top: 60rpx;
+		z-index: 2;
+	}
+
+	.mine_box {
+		width: 100%;
+
+		padding: 0 0rpx;
+	}
+
+	.list_box {
+		padding: 20rpx 0;
+		margin-top: -10rpx;
+	}
+
+	.pay_item_img {
+		display: flex;
+		color: #333;
+		// color: #dac4b7;
+		align-items: center;
+		// width: 80rpx;
+		// height: 80rpx;
+		padding: 8rpx;
+		box-sizing: border-box;
+		font-weight: bold;
+		margin: 0 auto;
+		margin-bottom: 10rpx;
+		//margin-top:-10rpx;
+	}
+
+	.popup_box {
+		padding-bottom: 20rpx;
+		width: 88vw;
+		overflow: hidden;
+		position: relative;
+		height: auto;
+
+		.title {
+			font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+			font-weight: normal;
+			font-size: 46rpx;
+			color: $themeColor;
+			background-color: #f5f5f5;
+			padding: 20rpx;
+			//   border-leradius: 6px;
+			border-top-left-radius: 6px;
+			border-top-right-radius: 6px;
+		}
+
+		.content {
+			font-size: 26rpx;
+			letter-spacing: 0.15rpx;
+			padding: 20rpx;
+			color: #3f3f3f;
+
+			.top {
+				margin: 30rpx 0;
+			}
+
+			.center {
+				line-height: 40rpx;
+			}
+
+			.bottom {
+				width: 100%;
+				margin-top: 60rpx;
+				font-size: 24rpx;
+				line-height: 26rpx;
+				color: #b0b0b0;
+			}
+		}
+
+		.button_box {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-top: 20rpx;
+
+			.u-button {
+				margin-left: 40rpx;
+			}
+
+			.u-button:nth-child(1) {
+				margin-left: 0;
+			}
+		}
+	}
+	.user_vip_box{
+		width: 125rpx;
+		position: absolute;
+		margin-top: - 40rpx;
+		z-index: 99;
+	}
+	.user_vip_item{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.user_vip_item {
+		border-radius: 20rpx;
+		background: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
+		color: #fff;
+		font-size: 20rpx;
+		line-height: 40rpx;
+		height: 40rpx;
+		font-weight: bold;
+		margin-bottom: 5rpx;
+	}
+	.user_vip_item image{
+		width: 49rpx;
+		height: 16rpx;
+	}
+	.vip_type{
+		display: flex;
+		align-items: center;
+	}
+	.vip_type_item{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0 10rpx;
+		background: linear-gradient(90deg, #258feb 0%, #00e1ec 100%);
+		border-radius: 20rpx;
+		font-size: 18rpx;
+		line-height: 40rpx;
+		height: 40rpx;
+		font-weight: bold;
+		color: #fff;
+		margin-right: 8rpx;
+	}
+	.vip_type_item_len{
+		padding: 0 7rpx;
+		font-size: 13rpx;
+		line-height: 34rpx;
+		height: 34rpx;
+		margin-right: 4rpx;
+	}
+	.vip_type_item:last-child{
+		margin-right: 0;
+	}
+	.vip_type_item image{
+		width: 30rpx;
+		height: 20rpx;
+	}
+	.vip_infor{
+		padding-left: 20rpx;
+	}
+	.vip_infor_item{
+		display: block;
+		color: #fff;
+		font-size: 26rpx;
+		line-height: 36rpx;
+		font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+		font-weight: normal;
+	}
+	.vip_infor_item text{
+		color: #fff;
+	}
+	.vip_btn{
+		margin-right: 15rpx;
+	}
+	.vip_btn button{
+		background: none;
+		border: 2rpx solid #f9ae3d;
+		border-radius: 40rpx;
+		font-size: 24rpx;
+		width: 82rpx;
+		line-height: 42rpx;
+		color: #f9ae3d;
+		font-weight: bold;
+	}
+	.vip_null{
+		color: #fff;
+		font-size: 26rpx;
+		line-height: 34rpx;
+	}
+	.expired{
+		opacity: 0.55;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/mine/vip/index.vue b/pages/mine/vip/index.vue
index 407b7a2..9e6512f 100644
--- a/pages/mine/vip/index.vue
+++ b/pages/mine/vip/index.vue
@@ -199,6 +199,7 @@ export default {
 				
       }); // 这里转换成 字符串
       console.log('mynavData at line 192:', mynavData)
+      this.$refs.commonSelectGoods.close();
       uni.navigateTo({
         url: `/pages/goods/order/index?data=${mynavData}`,
       });

From c738befac4838ddaa695340ee9aca266f5b90731 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Fri, 18 Apr 2025 17:55:28 +0800
Subject: [PATCH 3/3] tijiao

---
 .../commonComponents/orderSubmit.vue          | 4436 +++++++++--------
 pages/goods/order/index.vue                   |   14 +-
 2 files changed, 2286 insertions(+), 2164 deletions(-)

diff --git a/pages/component/commonComponents/orderSubmit.vue b/pages/component/commonComponents/orderSubmit.vue
index 4fa0b1e..8c629e2 100644
--- a/pages/component/commonComponents/orderSubmit.vue
+++ b/pages/component/commonComponents/orderSubmit.vue
@@ -1,1470 +1,1585 @@
 <template>
-  <view>
-    <!-- 公共组件-每个页面必须引入 -->
-
-    <view class="contentBox commonPageContentBox order_box">
-      <view
-        v-show="isShowAddress"
-        class="order_top common_radius_box color_shandow goods_box address_box"
-        @click="goToAddress"
-      >
-        <u-icon
-          name="map-fill"
-          color="#258feb"
-          size="23"
-          style="display: inline-block; margin-right: 10rpx"
-        ></u-icon>
-        <view class="normal_box" v-if="addressData.consigneeName">
-          <view class="normal_box_top">
-            <view class="curriulum_title">{{ addressData.address }} </view>
-            <view class="user_info">
-              <text class="name"> {{ addressData.consigneeName }} </text>
-              <text class="tel"> {{ addressData.consigneePhone }} </text>
-            </view>
-          </view>
-        </view>
-        <view class="normal_box" v-else>
-          <view class="normal_box_top">
-            <view class="curriulum_title">请添加收货地址 </view>
-          </view>
-        </view>
-        <view class="right">
-          <image
-            src="@/static/icon/icon_right.png"
-            class="rightArrow"
-            style=""
-          ></image>
-        </view>
-      </view>
-
-      <view class="order_top common_radius_box color_shandow goods_box">
+    <view>
+      <!-- 公共组件-每个页面必须引入 -->
+  
+      <view class="contentBox commonPageContentBox order_box">
         <view
-          class="curriulum_title_box goods_item"
-          style="position: relative"
-          v-for="(v, i) in goodsDataList"
+          v-show="isShowAddress"
+          class="order_top common_radius_box color_shandow goods_box address_box"
+          @click="goToAddress"
         >
-          <slot name="goodsInfoLabelSlot" :row="v" :rowIndex="i"></slot>
-          <slot name="goodsInfoImgSlot" :row="v" :rowIndex="i"></slot>
-
-          <view class="normal_box">
-            <view
-              class="normal_box_top"
-              style="justify-content: space-between; position: relative"
-            >
-              <view class="curriulum_title">
-                <slot name="goodsInfoNameSlot" :row="v" :rowIndex="i"></slot>
+          <u-icon
+            name="map-fill"
+            class="themeColor"
+            size="23"
+            style="display: inline-block; margin-right: 10rpx"
+          ></u-icon>
+          <view class="normal_box" v-if="addressData.consigneeName">
+            <view class="normal_box_top">
+              <view class="curriulum_title">{{ addressData.address }} </view>
+              <view class="user_info">
+                <text class="name"> {{ addressData.consigneeName }} </text>
+                <text class="tel"> {{ addressData.consigneePhone }} </text>
               </view>
             </view>
-            <view>
-              <slot name="goodsInfoPriceSlot" :row="v" :rowIndex="i"></slot>
-
-              <u-number-box
-                v-model="orderNumber"
-                style="float: right"
-                v-if="showNumber"
+          </view>
+          <view class="normal_box" v-else>
+            <view class="normal_box_top">
+              <view class="curriulum_title">请添加收货地址 </view>
+            </view>
+          </view>
+          <view class="right">
+            <image
+              src="@/static/icon/icon_right.png"
+              class="rightArrow"
+              style=""
+            ></image>
+          </view>
+        </view>
+  
+        <view class="order_top common_radius_box color_shandow goods_box">
+          <view
+            class="curriulum_title_box goods_item"
+            style="position: relative"
+            v-for="(v, i) in goodsDataList"
+          >
+            <slot name="goodsInfoLabelSlot" :row="v" :rowIndex="i"></slot>
+            <slot name="goodsInfoImgSlot" :row="v" :rowIndex="i"></slot>
+  
+            <view class="normal_box">
+              <view
+                class="normal_box_top"
+                style="justify-content: space-between; position: relative"
               >
-                <view slot="minus" class="minus">
-                  <u-icon name="minus" size="12"></u-icon>
+                <view class="curriulum_title">
+                  <slot name="goodsInfoNameSlot" :row="v" :rowIndex="i"></slot>
                 </view>
-                <text
-                  slot="input"
-                  style="width: auto; text-align: center; border: none"
-                  class="input"
-                  >{{ orderNumber }}</text
+              </view>
+              <view>
+                <slot name="goodsInfoPriceSlot" :row="v" :rowIndex="i"></slot>
+  
+                <u-number-box
+                  v-model="orderNumber"
+                  style="float: right"
+                  v-if="showNumber"
                 >
-                <view slot="plus" class="plus">
-                  <u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
+                  <view slot="minus" class="minus">
+                    <u-icon name="minus" size="12"></u-icon>
+                  </view>
+                  <text
+                    slot="input"
+                    style="width: auto; text-align: center; border: none"
+                    class="input"
+                    >{{ orderNumber }}</text
+                  >
+                  <view slot="plus" class="plus">
+                    <u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
+                  </view>
+                </u-number-box>
+                <text v-else style="float: right"> X {{ orderNumber }}</text>
+              </view>
+            </view>
+          </view>
+          <view
+            class="pay_box"
+            style="margin-top: 20rpx"
+            v-if="!options.isFudu && !options.isVip"
+          >
+            <view
+              @click="openOrderModal(v)"
+              class="curriulum_title_box goods_item pay_item"
+              v-for="(v, i) in orderInfoList"
+              :key="i"
+            >
+              <view class="top">
+                <view class="left">
+                  <text> {{ v.text }}</text>
                 </view>
-              </u-number-box>
-              <text v-else style="float: right"> X {{ orderNumber }}</text>
+                <view class="right" style="display: flex; align-items: center">
+                  <text
+                    style="
+                      float: left;
+                      text-align: right;
+                      color: #b0b0b0;
+                      font-size: 24rpx;
+                      display: inline-block;
+                      width: 200rpx;
+                    "
+                    :class="remark ? 'hidden1 hasRemark' : 'hidden1'"
+                  >
+                    {{ remark == "" ? v.placeholder : remark }}</text
+                  >
+                  <image
+                    src="@/static/icon/icon_right.png"
+                    class="rightArrow"
+                    style=""
+                  ></image>
+                </view>
+              </view>
             </view>
           </view>
         </view>
-        <view
-          class="pay_box"
-          style="margin-top: 20rpx"
-          v-if="!options.isFudu && !options.isVip"
-        >
+  
+        <view class="order_top common_radius_box color_shandow goods_box pay_box">
+          <view class="title">价格明细</view>
+  
           <view
-            @click="openOrderModal(v)"
             class="curriulum_title_box goods_item pay_item"
-            v-for="(v, i) in orderInfoList"
+            v-for="(v, i) in priceBreakdownList"
             :key="i"
           >
             <view class="top">
               <view class="left">
-                <text> {{ v.text }}</text>
-              </view>
-              <view class="right" style="display: flex; align-items: center">
-                <text
-                  style="
-                    float: left;
-                    text-align: right;
-                    color: #b0b0b0;
-                    font-size: 24rpx;
-                    display: inline-block;
-                    width: 200rpx;
-                  "
-                  :class="remark ? 'hidden1 hasRemark' : 'hidden1'"
-                >
-                  {{ remark == "" ? v.placeholder : remark }}</text
-                >
                 <image
-                  src="@/static/icon/icon_right.png"
-                  class="rightArrow"
-                  style=""
-                ></image>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <view class="order_top common_radius_box color_shandow goods_box pay_box">
-        <view class="title">价格明细</view>
-
-        <view
-          class="curriulum_title_box goods_item pay_item"
-          v-for="(v, i) in priceBreakdownList"
-          :key="i"
-        >
-          <view class="top">
-            <view class="left">
-              <image
-                v-if="v.imgUrl"
-                class="pay_item_img"
-                :src="v.imgUrl"
-                mode="aspectFil"
-                :style="v.style"
-              >
-              </image>
-              <u-icon
-                v-if="v.icon"
-                name="map-fill"
-                color="#018F89"
-                size="23"
-                style="display: inline-block"
-              ></u-icon>
-
-              <text v-if="v.type == 6">
-                <span
-                  style="color: #f94f04; font-weight: bold; margin-right: 2px"
-                  >VIP</span
+                  v-if="v.imgUrl"
+                  class="pay_item_img"
+                  :src="v.imgUrl"
+                  mode="aspectFil"
+                  :style="v.style"
                 >
-                专享立减</text
-              >
-              <text v-else> {{ v.text }}</text>
-              <template v-if="v.type == 4">
-                <text style="color: #aaa; margin-left: 10rpx">
-                  (全部积分：{{ initData.user.jf }})</text
-                >
-              </template>
-            </view>
-            <view class="right">
-              <template v-if="v.type == 1">
-                ￥{{ Number(totalPrice).toFixed(2) }}</template
-              >
-              <template v-if="v.type == 2">
-                <text>
-                  ￥{{
-                    isShowAddress ? freightNum.toFixed(2) : Number(0).toFixed(2)
-                  }}</text
-                >
-              </template>
-              <template v-if="v.type == 3">
-                <template v-if="!curCoupon.id">
-                  <view
-                    v-if="couponHistoryList.length > 0"
-                    @click="showCouponPup = true"
-                    style="display: flex; align-items: center"
+                </image>
+                <u-icon
+                  v-if="v.icon"
+                  name="map-fill"
+                  color="#018F89"
+                  size="23"
+                  style="display: inline-block"
+                ></u-icon>
+  
+                <text v-if="v.type == 6">
+                  <span
+                    style="color: #f94f04; font-weight: bold; margin-right: 2px"
+                    >VIP</span
                   >
-                    <text
-                      style="color: #999"
-                      v-if="selectcouponList.length == 0"
-                      >不可用
-                    </text>
-                    <text
-                      style="
-                        color: #ec4729;
-                        background-color: #fceeeb;
-                        padding: 1rpx 20rpx;
-                        border-radius: 10rpx;
-                        line-height: 34rpx;
-                      "
-                      v-else
-                      >共 {{ selectcouponList.length }} 张
-                    </text>
-
-                    <image
-                      src="@/static/icon/icon_right.png"
-                      class="rightArrow"
-                      style=""
-                    ></image>
-                  </view>
+                  专享立减</text
+                >
+                <text v-else> {{ v.text }}</text>
+                <template v-if="v.type == 4">
+                  <text style="color: #aaa; margin-left: 10rpx">
+                    (全部积分：{{ initData.user.jf }})</text
+                  >
+                </template>
+              </view>
+              <view class="right">
+                <template v-if="v.type == 1">
+                  ￥{{ Number(totalPrice).toFixed(2) }}</template
+                >
+                <template v-if="v.type == 2">
+                  <text>
+                    ￥{{
+                      isShowAddress ? freightNum.toFixed(2) : Number(0).toFixed(2)
+                    }}</text
+                  >
+                </template>
+                <template v-if="v.type == 3">
+                  <template v-if="!curCoupon.id">
+                    <view
+                      v-if="couponHistoryList.length > 0"
+                      @click="showCouponPup = true"
+                      style="display: flex; align-items: center"
+                    >
+                      <text
+                        style="color: #999"
+                        v-if="selectcouponList.length == 0"
+                        >不可用
+                      </text>
+                      <text
+                        style="
+                          color: #ec4729;
+                          background-color: #fceeeb;
+                          padding: 1rpx 20rpx;
+                          border-radius: 10rpx;
+                          line-height: 34rpx;
+                        "
+                        v-else
+                        >共 {{ selectcouponList.length }} 张
+                      </text>
+  
+                      <image
+                        src="@/static/icon/icon_right.png"
+                        class="rightArrow"
+                        style=""
+                      ></image>
+                    </view>
+                    <template v-else>
+                      <text style="color: #999">暂无可用优惠券</text>
+                    </template>
+                  </template>
                   <template v-else>
-                    <text style="color: #999">暂无可用优惠券</text>
+                    <text style="color: #fe6035"
+                      >- ￥ {{ curCoupon.couponEntity.couponAmount }}</text
+                    >
+                    <text
+                      @click="showCouponPup = true"
+                      style="
+                        display: inline-block;
+                        margin-left: 20rpx;
+                        background-color: #fe6035;
+                        color: #fff;
+                        border-radius: 30rpx;
+                        font-size: 26rpx;
+                        border: 4rpx #fe6035 solid;
+                      "
+                      >重新选择</text
+                    >
                   </template>
                 </template>
-                <template v-else>
-                  <text style="color: #fe6035"
-                    >- ￥ {{ curCoupon.couponEntity.couponAmount }}</text
-                  >
-                  <text
-                    @click="showCouponPup = true"
-                    style="
-                      display: inline-block;
-                      margin-left: 20rpx;
-                      background-color: #fe6035;
-                      color: #fff;
-                      border-radius: 30rpx;
-                      font-size: 26rpx;
-                      border: 4rpx #fe6035 solid;
-                    "
-                    >重新选择</text
+  
+                <template v-if="v.type == 4">
+                  <text style="color: #fe6035"> -￥{{ jfNumberShow }}</text>
+                </template>
+                <template v-if="v.type == 5">
+                  <text style="color: #fa2d12"
+                    >- ￥{{ districtAmount.toFixed(2) }}</text
+                  >
+                </template>
+                <template v-if="v.type == 6">
+                  <text style="color: #fa2d12"
+                    >- ￥{{ vipPrice.toFixed(2) }}</text
                   >
                 </template>
-              </template>
-
-              <template v-if="v.type == 4">
-                <text style="color: #fe6035"> -￥{{ jfNumberShow }}</text>
-              </template>
-              <template v-if="v.type == 5">
-                <text style="color: #fa2d12"
-                  >- ￥{{ districtAmount.toFixed(2) }}</text
-                >
-              </template>
-              <template v-if="v.type == 6">
-                <text style="color: #fa2d12"
-                  >- ￥{{ vipPrice.toFixed(2) }}</text
-                >
-              </template>
-            </view>
-          </view>
-
-          <view
-            class="bottom jf_box"
-            v-if="v.type == 4 && initData.user.jf > 0"
-          >
-            <view class="jf_box">
-              <text style="color: #258feb; font-weight: 600"
-                >可用积分({{ jfNumberMax }}分)</text
-              >
-              <view class="jf_input">
-                <u--input
-                  type="number"
-                  @input="handleChangejf"
-                  @clear="jfNumber = 0"
-                  :max="jfNumberMax"
-                  :min="0"
-                  v-model="jfNumber"
-                  placeholder="请输入积分"
-                  border="surround"
-                  clearable
-                ></u--input>
               </view>
             </view>
-          </view>
-        </view>
-      </view>
-      <view class="order_top common_radius_box color_shandow goods_box pay_box">
-        <view class="title">支付方式</view>
-        <!-- 商品是安卓环境支付，或者商品列表中没有课程 -->
-        <view
-          class="curriulum_title_box goods_item pay_item"
-          v-for="(v, i) in payList"
-        >
-          <view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
-            <view class="left">
-              <image
-                class="pay_item_img"
-                :src="v.imgUrl"
-                mode="aspectFil"
-                :style="v.style"
-              >
-              </image>
-              <template v-if="v.type == 4">
-                <text> {{ v.text }}</text>
-                <text
-                  style="color: #258feb; font-weight: 600; margin-left: 10rpx"
-                >
-                  (余额：{{
-                    initData && initData.user ? initData.user.peanutCoin : 0
-                  }})</text
-                >
-              </template>
-
-              <text v-else> {{ v.text }}</text>
-            </view>
-
-            <template v-if="isDefaultCurrency">
-              <radio
-                v-if="i == 2"
-                :value="v.value"
-                color="#258feb"
-                :checked="selectPayIndex == i ? true : false"
-                @click="radioChange(i)"
-                size="10"
-              />
-            </template>
-            <template v-else>
-              <radio
-                :value="v.value"
-                color="#258feb"
-                :checked="selectPayIndex == i ? true : false"
-                @click="radioChange(i)"
-                size="10"
-              />
-            </template>
-          </view>
-        </view>
-        <template v-if="selectPayIndex == 2 || $platform == 'ios'">
-          <view
-            class="goods_detail_list_title bg_box_shandow color_shandow bg_color"
-          >
+  
             <view
-              class="linlanzhifu"
-              style="
-                width: 100%;
-                overflow: hidden;
-                justify-content: space-between;
-              "
+              class="bottom jf_box"
+              v-if="v.type == 4 && initData.user.jf > 0"
             >
-              <view class="linlanzhifu">
-                <u-icon
-                  name="error-circle"
-                  color="#258feb"
-                  size="20"
-                  style="display: inline-block; margin-right: 10rpx"
-                ></u-icon>
-                确保您的天医币足够支付
-              </view>
-
-              <text
-                class="fdButtonBox aui-text-danger fdButtonBoxRed"
-                style="float: right"
-                @click="
-                  onPageJump('/pages/mine/wallet/recharge/index?source=order')
-                "
-                >立即充值</text
-              >
-            </view>
-
-            <view class="other_info" style="margin-top: 12rpx">
-              <view class="explain" style="margin-bottom: 10rpx"> 说明 </view>
-              <view class="explain"> 1. 1天医币 = 1元人民币 </view>
-              <view class="explain">
-                2.若有疑问或意见请致电客服
-                <span style="font-size: 15px"
-                  ><u @click="gotoPhone">022-24142321</u></span
+              <view class="jf_box">
+                <text class="themeColor" style="font-weight: 600"
+                  >可用积分({{ jfNumberMax }}分)</text
                 >
-              </view>
-              <view class="explain">
-                3.非中国大陆用户可以信用卡支付。简单快捷，推荐使用！
-                支付时使用的信用卡需要带有Visa或MasterCard的标识。请向邮箱
-                <text
-                  @click="fnCopy('publisher@tmrjournals.com', '邮箱')"
-                  class="aui-text-success"
-                  style="text-decoration: underline; color: #258feb"
-                >
-                  publisher@tmrjournals.com
-                </text>
-                （点击复制）发送支付请求，内容需包含：拟购买的课程名称、支付金额、APP注册姓名及手机号码，或者加一路健康客服微信（
-                <text
-                  class="aui-text-success"
-                  @click="fnCopy('yilujiankangkefu', '微信名')"
-                  style="text-decoration: underline; color: #258feb"
-                >
-                  yilujiankangkefu </text
-                >）（点击复制）联系我们，我们将在24小时内向您的邮箱或者微信发送支付链接，根据提示即可完成信用卡支付，无需兑换外币。
+                <view class="jf_input">
+                  <u--input
+                    type="number"
+                    @input="handleChangejf"
+                    @clear="jfNumber = 0"
+                    :max="jfNumberMax"
+                    :min="0"
+                    v-model="jfNumber"
+                    placeholder="请输入积分"
+                    border="surround"
+                    clearable
+                  ></u--input>
+                </view>
               </view>
             </view>
           </view>
-        </template>
-      </view>
-
-      <template>
-        <common-sticky
-          label="title"
-          :itemStyle="`width:${
-            cateList.length == 2 ? '50' : '33'
-          }%;padding-left: 15px; padding-right: 15px; height: 68rpx;`"
-          :list="cateList"
-          :currentCateIndex="currentCateIndex"
-          @handleselectCate="handleselectCate"
-        >
-        </common-sticky>
-      </template>
-    </view>
-    <view class="goods_nav_box">
-      <common-goods-nav
-        :iconList="[]"
-        :customButton="customButton"
-        @submit="goBuyJie"
-      >
-        <!-- leftSlot -->
-        <template slot="leftSlot" slot-scope="slotProps">
-          <view class="price_box order_bottom_box">
-            <text class="price"
-              >合计:
-
-              <text class="total">
-                <template v-if="actualPayment > 0">
-                  ￥{{ Number(actualPayment).toFixed(2) }}
+        </view>
+        <view class="order_top common_radius_box color_shandow goods_box pay_box">
+          <view class="title">支付方式</view>
+          <!-- 商品是安卓环境支付，或者商品列表中没有课程 -->
+          <view
+            class="curriulum_title_box goods_item pay_item"
+            v-for="(v, i) in payList"
+          >
+            <view :class="isDefaultCurrency && i != 2 ? 'bgGrey top' : 'top'">
+              <view class="left">
+                <image
+                  class="pay_item_img"
+                  :src="v.imgUrl"
+                  mode="aspectFil"
+                  :style="v.style"
+                >
+                </image>
+                <template v-if="v.type == 4">
+                  <text> {{ v.text }}</text>
+                  <text
+                    class="themeColor"
+                    style="font-weight: 600; margin-left: 10rpx"
+                  >
+                    (余额：{{
+                      initData && initData.user ? initData.user.peanutCoin : 0
+                    }})</text
+                  >
                 </template>
-                <text
-                  style="margin: 0 4rpx"
-                  v-if="actualPayment > 0 && jfNumber > 0"
-                >
-                  +
-                </text>
-
-                <text v-if="jfNumber > 0">{{ jfNumber }} 积分</text>
-              </text>
-            </text>
-          </view>
-        </template>
-      </common-goods-nav>
-    </view>
-
-    <u-popup :show="show" mode="right">
-      <common-address
-        backState="3000"
-        ref="commonAddress"
-        @fresh="handleFresh"
-        @selectAddress="selectAddress"
-      ></common-address
-    ></u-popup>
-    <u-popup :show="orderModalShow" mode="bottom" :round="20">
-      <view class="orderModalShow popup_box">
-        <u-icon
-          name="close"
-          color="#333"
-          size="18"
-          @click="closeOrderModalShow"
-          style="
-            display: inline-block;
-            position: absolute;
-            right: 20rpx;
-            top: 20rpx;
-          "
-        ></u-icon>
-        <view v-if="orderModalShowInfo.type == 'remark'">
-          <view class="order_top common_radius_box goods_box">
-            <view class="curriulum_title_box goods_item">
-              <view class="title">订单备注</view>
-              <u--textarea
-                v-model="content"
-                placeholder="选填：给商家留言"
-                count
-                class="textarea"
-              ></u--textarea>
+  
+                <text v-else> {{ v.text }}</text>
+              </view>
+  
+              <template v-if="isDefaultCurrency">
+                <radio
+                  v-if="i == 2"
+                  :value="v.value"
+                  :color="themeColor"
+                  :checked="selectPayIndex == i ? true : false"
+                  @click="radioChange(i)"
+                  size="10"
+                />
+              </template>
+              <template v-else>
+                <radio
+                  :value="v.value"
+                  :color="themeColor"
+                  :checked="selectPayIndex == i ? true : false"
+                  @click="radioChange(i)"
+                  size="10"
+                />
+              </template>
             </view>
           </view>
+          <template v-if="selectPayIndex == 2 || $platform == 'ios'">
+            <view
+              class="goods_detail_list_title bg_box_shandow color_shandow bg_color"
+            >
+              <view
+                class="linlanzhifu"
+                style="
+                  width: 100%;
+                  overflow: hidden;
+                  justify-content: space-between;
+                "
+              >
+                <view class="linlanzhifu">
+                  <u-icon
+                    name="error-circle"
+                    class="themeColor"
+                    size="20"
+                    style="display: inline-block; margin-right: 10rpx"
+                  ></u-icon>
+                  确保您的天医币足够支付
+                </view>
+  
+                <text
+                  class="fdButtonBox aui-text-danger fdButtonBoxRed"
+                  style="float: right"
+                  @click="
+                    onPageJump('/pages/mine/wallet/recharge/index?source=order')
+                  "
+                  >立即充值</text
+                >
+              </view>
+  
+              <view class="other_info" style="margin-top: 12rpx">
+                <view class="explain" style="margin-bottom: 10rpx"> 说明 </view>
+                <view class="explain"> 1. 1天医币 = 1元人民币 </view>
+                <view class="explain">
+                  2.若有疑问或意见请致电客服
+                  <span style="font-size: 15px"
+                    ><u @click="gotoPhone">022-24142321</u></span
+                  >
+                </view>
+                <view class="explain">
+                  3.非中国大陆用户可以信用卡支付。简单快捷，推荐使用！
+                  支付时使用的信用卡需要带有Visa或MasterCard的标识。请向邮箱
+                  <text
+                    @click="fnCopy('publisher@tmrjournals.com', '邮箱')"
+                    class="aui-text-success themeColor"
+                    style="text-decoration: underline"
+                  >
+                    publisher@tmrjournals.com
+                  </text>
+                  （点击复制）发送支付请求，内容需包含：拟购买的课程名称、支付金额、APP注册姓名及手机号码，或者加一路健康客服微信（
+                  <text
+                    class="aui-text-success themeColor"
+                    @click="fnCopy('yilujiankangkefu', '微信名')"
+                    style="text-decoration: underline"
+                  >
+                    yilujiankangkefu </text
+                  >）（点击复制）联系我们，我们将在24小时内向您的邮箱或者微信发送支付链接，根据提示即可完成信用卡支付，无需兑换外币。
+                </view>
+              </view>
+            </view>
+          </template>
         </view>
-        <view class="goods_nav_box">
-          <uni-goods-nav
-            :fill="true"
-            :options="[]"
-            :button-group="customButtonGroup1"
-            @click="onHandleClickBuy"
-            @buttonClick="onHandleClickBuy"
-          />
+  
+        <template>
+          <common-sticky
+            label="title"
+            :itemStyle="`width:${
+              cateList.length == 2 ? '50' : '33'
+            }%;padding-left: 15px; padding-right: 15px; height: 68rpx;`"
+            :list="cateList"
+            :currentCateIndex="currentCateIndex"
+            @handleselectCate="handleselectCate"
+          >
+          </common-sticky>
+        </template>
+      </view>
+      <view class="goods_nav_box">
+        <common-goods-nav
+          :iconList="[]"
+          :customButton="customButton"
+          @submit="goBuyJie"
+        >
+          <!-- leftSlot -->
+          <template slot="leftSlot" slot-scope="slotProps">
+            <view class="price_box order_bottom_box">
+              <text class="price"
+                >合计:
+  
+                <text class="total">
+                  <template v-if="actualPayment > 0">
+                    ￥{{ Number(actualPayment).toFixed(2) }}
+                  </template>
+                  <text
+                    style="margin: 0 4rpx"
+                    v-if="actualPayment > 0 && jfNumber > 0"
+                  >
+                    +
+                  </text>
+  
+                  <text v-if="jfNumber > 0">{{ jfNumber }} 积分</text>
+                </text>
+              </text>
+            </view>
+          </template>
+        </common-goods-nav>
+        <view
+          class="agree_wo"
+          style="background-color: #fff"
+          v-if="pageType == 'vip'"
+        >
+          <radio-group class="agree">
+            <view v-for="(item, index) in argee" :key="index">
+              <radio
+                class="agreeRadio"
+                :value="item.id"
+                :checked="item.id == radioValue"
+                color="#7dc1f0"
+                @click="radioCheck(index)"
+              ></radio>
+            </view>
+          </radio-group>
+          <view
+            >* 我已阅读并同意<span class="highlight" @click="showXieyi"
+              >《会员服务协议》</span
+            ></view
+          >
         </view>
       </view>
-    </u-popup>
-    <order-coupon
-      v-if="showCouponPup"
-      :sumMeony="totalPrice"
-      :selectcouponList="selectcouponList"
-      :curCouponId="curCouponId"
-      :list="couponHistoryList"
-      ref="orderCoupon"
-      @confirmCoupon="confirmCoupon"
-      @close="closeCoupon"
-    ></order-coupon>
-  </view>
-</template>
-
-<script>
-import orderCoupon from "@/components/orderCoupon.vue";
-import courseDescription from "@/pages/component/commonComponents/list";
-import { setPay, setPayAssign, setWXPay } from "@/config/utils";
-import $http from "@/config/requestConfig.js";
-const { platform } = uni.getSystemInfoSync();
-import { mapState } from "vuex";
-export default {
-  props: [
-    "options",
-    "pageType",
-    "goodsDataList",
-    "showNumber",
-    "isHideAddress",
-    "priceKey",
-    "initData",
-    "urlList",
-  ],
-  components: {
-    courseDescription, //课程说明
-    orderCoupon, // 优惠券弹出
-  },
-  watch: {
-    isDefaultCurrency: {
-      immediate: true,
-      handler(newRoute) {
-        if (this.isDefaultCurrency) {
-          if (platform == "ios") {
-            this.selectPayIndex = 0;
+  
+      <u-popup :show="show" mode="right">
+        <common-address
+          backState="3000"
+          ref="commonAddress"
+          @fresh="handleFresh"
+          @selectAddress="selectAddress"
+        ></common-address
+      ></u-popup>
+      <u-popup :show="orderModalShow" mode="bottom" :round="20">
+        <view class="orderModalShow popup_box">
+          <u-icon
+            name="close"
+            color="#333"
+            size="18"
+            @click="closeOrderModalShow"
+            style="
+              display: inline-block;
+              position: absolute;
+              right: 20rpx;
+              top: 20rpx;
+            "
+          ></u-icon>
+          <view v-if="orderModalShowInfo.type == 'remark'">
+            <view class="order_top common_radius_box goods_box">
+              <view class="curriulum_title_box goods_item">
+                <view class="title">订单备注</view>
+                <u--textarea
+                  v-model="content"
+                  placeholder="选填：给商家留言"
+                  count
+                  class="textarea"
+                ></u--textarea>
+              </view>
+            </view>
+          </view>
+          <view class="goods_nav_box">
+            <uni-goods-nav
+              :fill="true"
+              :options="[]"
+              :button-group="customButtonGroup1"
+              @click="onHandleClickBuy"
+              @buttonClick="onHandleClickBuy"
+            />
+          </view>
+        </view>
+      </u-popup>
+      <order-coupon
+        v-if="showCouponPup"
+        :sumMeony="totalPrice"
+        :selectcouponList="selectcouponList"
+        :curCouponId="curCouponId"
+        :list="couponHistoryList"
+        ref="orderCoupon"
+        @confirmCoupon="confirmCoupon"
+        @close="closeCoupon"
+      ></order-coupon>
+      <u-popup :show="xieyiShow" :round="10" @close="xieyiShow = false">
+        <view class="tanchu">
+          <view class="dp_title">{{ xieyi.title }}</view>
+          <view style="max-height: 1000rpx; overflow-y: scroll">
+            <view v-html="xieyi.content"></view>
+          </view>
+        </view>
+      </u-popup>
+    </view>
+  </template>
+  
+  <script>
+   var themeColor='#258feb';
+  import orderCoupon from "@/components/orderCoupon.vue";
+  import courseDescription from "@/pages/component/commonComponents/list";
+  import { setPay, setPayAssign, setWXPay } from "@/config/utils";
+  import $http from "@/config/requestConfig.js";
+  const { platform } = uni.getSystemInfoSync();
+  import { mapState } from "vuex";
+  export default {
+    props: [
+      "options",
+      "pageType",
+      "goodsDataList",
+      "showNumber",
+      "isHideAddress",
+      "priceKey",
+      "initData",
+      "urlList",
+      "isHideJf",
+    ],
+    components: {
+      courseDescription, //课程说明
+      orderCoupon, // 优惠券弹出
+    },
+    watch: {
+      isDefaultCurrency: {
+        immediate: true,
+        handler(newRoute) {
+          if (this.isDefaultCurrency) {
+            if (platform == "ios") {
+              this.selectPayIndex = 0;
+            } else {
+              this.selectPayIndex = 0;
+            }
           } else {
-            this.selectPayIndex = 0;
+            if (platform == "ios") {
+              this.selectPayIndex = 0;
+            } else {
+              this.selectPayIndex = 0;
+            }
           }
+  
+          this.payType = this.payList[this.selectPayIndex].type;
+          if (this.actualPayment == 0) {
+            var that = this;
+            this.payList.forEach((e, i) => {
+              if (e.type == 4) {
+                that.selectPayIndex = i;
+                that.payType = 4;
+              }
+            });
+            this.$forceUpdate();
+          }
+          this.$forceUpdate();
+        },
+      },
+      orderNumber: {
+        immediate: true,
+        handler(newRoute) {
+          if (this.orderNumber >= 1) {
+            this.$nextTick(async () => {
+              await this.getGoodsList();
+              // await this.getVipFei();
+              // await this.getDistrictAmount();
+              // await this.getActiveCouponList();
+            });
+          }
+          this.$forceUpdate();
+        },
+      },
+    },
+    data() {
+      return {
+        appName: "wumen",
+        come: 2,
+        argee: [{ value: false, id: "1" }], // 同意权限
+        radioValue: "",
+        xieyi: {
+          title: "",
+          content: "",
+        },
+        xieyiShow: false,
+        vipPrice: 0,
+        districtAmount: 0,
+        historyOrderInfo: undefined, //上一个订单的参数
+        isDefaultCurrency: false,
+        isShowAddress: false,
+        jfNumber: 0,
+        orderNumber: 1,
+        totalPrice: 0,
+        actualPayment: 0,
+        jfNumberShow: "",
+        jfNumberMax: 0,
+        selectcouponList: [],
+  
+        orderModalShowInfo: {},
+        orderModalShow: false,
+        payType: 1,
+        freightNum: 0,
+        addressData: {
+          address: "",
+          consigneeName: "",
+          consigneePhone: "",
+        },
+        selectPayIndex: 1,
+        farePrice: 0,
+        payList: [],
+        priceBreakdownList: [],
+        orderInfoList: [
+          {
+            text: "订单备注",
+            placeholder: "点击填写订单备注",
+            imgUrl: "",
+            type: "remark",
+          },
+        ],
+        number: 1,
+        detailInfo: {},
+        content: "",
+        remark: "",
+        iconList: [],
+        buyingFlag: false, // 购买进行中flag
+        swiperList: [],
+  
+        relatedCoursesList: [], //相关课程
+        curriculumData: {},
+        curriculumInfo: {},
+        detailInfo: {},
+        themeColor:themeColor,
+        fdButtonStyle: {
+          width: "120rpx",
+          "border-color": themeColor,
+          color: themeColor,
+          float: "right",
+          "margin-right": "20rpx",
+          "margin-left": "30rpx",
+        },
+        modalInfo: {},
+        canjump: true, // 是否可以跳转到其他页面
+        currentCateIndex: 0,
+        show: false,
+        playData: {},
+  
+        taiHuClassInfo: {},
+        searchValue: "",
+        teachingList: [
+          {
+            title: "临床实践",
+  
+            type: "02",
+            apiUrl: "app/phoneDoctor.do?getTaiHuToShine",
+          },
+          {
+            title: "学习问答",
+            type: "03",
+            oid: "8a9fb99809e4428888aad6b56a3096a6",
+          },
+          {
+            title: "学习心得",
+  
+            type: "01",
+          },
+          {
+            title: "在线作业",
+  
+            type: "04",
+            oid: "d0f47071c2194e94845fbb373d06f59d",
+          },
+        ], // 一级分类标题1
+        cateList: [], // 一级分类标题1
+        twoCateList: [], // 二级分类标题
+        dataList: [], // 方剂标题
+        defaultAddressList: {},
+        allDataList: [], // 方剂标题
+        currentStatusIndex: 0, // 当前选中的一级分类
+  
+        curTwoCateIndex: 0, // 当前选中的二级分类
+        searchList: [], // 搜索结果数组
+        showSearchList: false,
+        userMes: {}, // 用户信息
+        searchDisable: false, // 搜索不可用
+        limitShow: false,
+        limitTitle: "提示",
+        goToInfo: {},
+        limitContent: "",
+        scrollViewHeight: 0,
+  
+        customButton: [
+          {
+            width: "200rpx",
+            text: "立即支付",
+            backgroundColor: `linear-gradient(90deg,  ${themeColor} 0%,${themeColor} 100%)`,
+            color: "#fff",
+          },
+        ],
+        customButtonGroup1: [
+          {
+            with: 200,
+            text: "确定",
+            backgroundColor: `linear-gradient(90deg,  ${themeColor} 0%,${themeColor} 100%)`,
+            color: "#fff",
+          },
+        ],
+        haveCourse: false, // 结算队列是否有课程类型的商品
+        isAndroid: null, //操作系统
+        beizhuShow: false, // 是否显示天医币说明？
+        couponHistoryList: [], // 可用优惠券
+        showCouponPup: false, // 是否显示优惠券弹窗
+        curCoupon: {}, // 选中的优惠券信息
+        curCouponId: undefined,
+      };
+    },
+  
+    async mounted() {
+      this.curCouponId = undefined;
+      var that = this;
+      await uni.$on("returnData", function (data) {
+        if (data) {
+          that.addressData = {
+            ...data,
+            address: `${data.province}${data.city}${data.county}${data.detailAddress}`,
+            consigneeName: data.consigneeName,
+            consigneePhone: data.consigneePhone,
+          };
+          that.$forceUpdate();
+  
+          that.getUserAddress();
         } else {
-          if (platform == "ios") {
-            this.selectPayIndex = 0;
-          } else {
-            this.selectPayIndex = 0;
-          }
         }
-
-        this.payType = this.payList[this.selectPayIndex].type;
-        if (this.actualPayment == 0) {
-          var that = this;
-          this.payList.forEach((e, i) => {
-            if (e.type == 4) {
-              that.selectPayIndex = i;
-              that.payType = 4;
+      });
+  
+      if (platform == "ios") {
+        this.payList = [
+          {
+            text: "天医币",
+            imgUrl: require("@/static/icon/pay_3.png"),
+            type: 4,
+            value: "2",
+          },
+        ];
+        this.selectPayIndex = 0;
+        this.payType = 4;
+      } else {
+        this.payList = [
+          {
+            text: "支付宝",
+            imgUrl: require("@/static/icon/pay_1.png"),
+            type: 2,
+            value: "0",
+          },
+          {
+            text: "微信",
+            imgUrl: require("@/static/icon/pay_2.png"),
+            type: 1,
+            value: "1",
+          },
+          {
+            text: "天医币",
+            imgUrl: require("@/static/icon/pay_3.png"),
+            type: 4,
+            value: "2",
+          },
+        ];
+        this.selectPayIndex = 1;
+        this.payType = 1;
+      }
+    },
+    computed: {
+      ...mapState(["userInfo"]),
+    },
+    methods: {
+      radioCheck(index) {
+        this.argee.forEach((item) => {
+          item.isCheck = false;
+        });
+        if (this.radioValue == this.argee[index].id) {
+          this.radioValue = null;
+        } else {
+          this.radioValue = this.argee[index].id;
+        }
+      },
+      //会员协议
+      async showXieyi() {
+        var data = await this.$commonJS.getAgreement(107);
+        if (data.content) {
+          data.content = data.content.replace(
+            /<h5>/g,
+            '<view style="font-weight: bold;font-size: 32rpx;margin-top: 20rpx;margin-bottom: 20rpx;">'
+          );
+          data.content = data.content.replace(/<\/h5>/g, "</view>");
+        }
+  
+        this.xieyi = data;
+        this.xieyiShow = true;
+      },
+      async getGoodsList() {
+        //获取商品信息
+        //   await this.getGoodsDataInfo();
+        await this.initPrepareOrder();
+        this.$nextTick(async () => {
+          if (this.pageType == "vip") {
+            await this.getTotalPrice();
+          } else {
+            await this.getVipFei();
+            await this.getDistrictAmount();
+            await this.getActiveCouponList();
+          }
+  
+          var list = [...this.goodsDataList];
+          list = list.map((e) => e.goodsType);
+          this.haveCourse = list.some((ele) => ele === "05");
+          if (this.options.sourceType == "curriculum") {
+            this.goToInfo = {
+              url: "/pages/course/myCourse",
+              type: 2,
+            };
+          } else {
+            this.goToInfo = {
+              url: "/pages/bookShop/orderList",
+              type: 1,
+            };
+          }
+        });
+      },
+      async getVipFei() {
+        let key = [];
+        let dataToString = "";
+        this.goodsDataList.forEach((item, index) => {
+          key.push({
+            productId: item.productId,
+            quantity: this.orderNumber,
+          });
+        });
+  
+        await $http
+          .request({
+            url: "/book/buyOrder/getVipDiscountAmount",
+            method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+            data: {
+              productList: key,
+            },
+            header: {
+              "Content-Type": "application/json",
+            },
+          })
+          .then(async (res) => {
+            if (res.code == 0) {
+              console.log("res.code at line 538:", res);
+              this.vipPrice = res.discountAmount;
+              await this.getTotalPrice();
             }
           });
-          this.$forceUpdate();
-        }
-        this.$forceUpdate();
       },
-    },
-    orderNumber: {
-      immediate: true,
-      handler(newRoute) {
-        if (this.orderNumber >= 1) {
-          this.$nextTick(async () => {
-            await this.getGoodsList();
-            // await this.getVipFei();
-            // await this.getDistrictAmount();
-            // await this.getActiveCouponList();
+      async getDistrictAmount() {
+        let key = [];
+        let dataToString = "";
+  
+        this.goodsDataList.forEach((item, index) => {
+          key.push({
+            productId: item.productId,
+            quantity: this.orderNumber,
+          });
+          //	dataToString = dataToString.concat(item.productId+"="+item.productAmount+"&")
+        });
+        console.log(key, "this.adressMoRen.areaidpath");
+  
+        await $http
+          .request({
+            // url: "book/buyOrder/calculateTransportPrice/",
+            url: "/book/buyOrder/getDistrictAmount",
+            // url: "book/buyorder/getTransPrice/" + this.adressMoRen.areaidpath + "?" + dataToString,
+            method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+            data: {
+              productList: key,
+            },
+            header: {
+              //默认 无 说明：请求头
+              "Content-Type": "application/json",
+            },
+          })
+          .then(async (res) => {
+            if (res.code == 0) {
+              console.log("res.code at line 538111111111111111:", res);
+              this.districtAmount = res.districtAmount;
+              // console.log('需要的运费', res.result)
+              await this.getTotalPrice();
+            }
           });
-        }
-        this.$forceUpdate();
       },
-    },
-  },
-  data() {
-    return {
-      vipPrice: 0,
-      districtAmount: 0,
-      historyOrderInfo: undefined, //上一个订单的参数
-      isDefaultCurrency: false,
-      isShowAddress: false,
-      jfNumber: 0,
-      orderNumber: 1,
-      totalPrice: 0,
-      actualPayment: 0,
-      jfNumberShow: "",
-      jfNumberMax: 0,
-      selectcouponList: [],
-
-      orderModalShowInfo: {},
-      orderModalShow: false,
-      payType: 1,
-      freightNum: 0,
-      addressData: {
-        address: "",
-        consigneeName: "",
-        consigneePhone: "",
+      closeCoupon() {
+        this.showCouponPup = false;
       },
-      selectPayIndex: 1,
-      farePrice: 0,
-      payList: [],
-      priceBreakdownList: [],
-      orderInfoList: [
-        {
-          text: "订单备注",
-          placeholder: "点击填写订单备注",
-          imgUrl: "",
-          type: "remark",
-        },
-      ],
-      number: 1,
-      detailInfo: {},
-      content: "",
-      remark: "",
-      iconList: [],
-      buyingFlag: false, // 购买进行中flag
-      swiperList: [],
-
-      relatedCoursesList: [], //相关课程
-      curriculumData: {},
-      curriculumInfo: {},
-      detailInfo: {},
-      fdButtonStyle: {
-        width: "120rpx",
-        "border-color": "#258feb",
-        color: "#258feb",
-        float: "right",
-        "margin-right": "20rpx",
-        "margin-left": "30rpx",
-      },
-      modalInfo: {},
-      canjump: true, // 是否可以跳转到其他页面
-      currentCateIndex: 0,
-      show: false,
-      playData: {},
-
-      taiHuClassInfo: {},
-      searchValue: "",
-      teachingList: [
-        {
-          title: "临床实践",
-
-          type: "02",
-          apiUrl: "app/phoneDoctor.do?getTaiHuToShine",
-        },
-        {
-          title: "学习问答",
-          type: "03",
-          oid: "8a9fb99809e4428888aad6b56a3096a6",
-        },
-        {
-          title: "学习心得",
-
-          type: "01",
-        },
-        {
-          title: "在线作业",
-
-          type: "04",
-          oid: "d0f47071c2194e94845fbb373d06f59d",
-        },
-      ], // 一级分类标题1
-      cateList: [], // 一级分类标题1
-      twoCateList: [], // 二级分类标题
-      dataList: [], // 方剂标题
-      defaultAddressList: {},
-      allDataList: [], // 方剂标题
-      currentStatusIndex: 0, // 当前选中的一级分类
-
-      curTwoCateIndex: 0, // 当前选中的二级分类
-      searchList: [], // 搜索结果数组
-      showSearchList: false,
-      userMes: {}, // 用户信息
-      searchDisable: false, // 搜索不可用
-      limitShow: false,
-      limitTitle: "提示",
-      goToInfo: {},
-      limitContent: "",
-      scrollViewHeight: 0,
-
-      customButton: [
-        {
-          width: "200rpx",
-          text: "立即支付",
-          backgroundColor: "linear-gradient(90deg,  #3C77BE 0%,#258feb 100%)",
-          color: "#fff",
-        },
-      ],
-      customButtonGroup1: [
-        {
-          with: 200,
-          text: "确定",
-          backgroundColor: "linear-gradient(90deg,  #3C77BE 0%,#258feb 100%)",
-          color: "#fff",
-        },
-      ],
-      haveCourse: false, // 结算队列是否有课程类型的商品
-      isAndroid: null, //操作系统
-      beizhuShow: false, // 是否显示天医币说明？
-      couponHistoryList: [], // 可用优惠券
-      showCouponPup: false, // 是否显示优惠券弹窗
-      curCoupon: {}, // 选中的优惠券信息
-      curCouponId: undefined,
-    };
-  },
-
-  async mounted() {
-    this.curCouponId = undefined;
-    var that = this;
-    await uni.$on("returnData", function (data) {
-      if (data) {
-        that.addressData = {
-          ...data,
-          address: `${data.province}${data.city}${data.county}${data.detailAddress}`,
-          consigneeName: data.consigneeName,
-          consigneePhone: data.consigneePhone,
-        };
-        that.$forceUpdate();
-
-        that.getUserAddress();
-      } else {
-      }
-    });
-
-    if (platform == "ios") {
-      this.payList = [
-        {
-          text: "天医币",
-          imgUrl: require("@/static/icon/pay_3.png"),
-          type: 4,
-          value: "2",
-        },
-      ];
-      this.selectPayIndex = 0;
-      this.payType = 4;
-    } else {
-      this.payList = [
-        {
-          text: "支付宝",
-          imgUrl: require("@/static/icon/pay_1.png"),
-          type: 2,
-          value: "0",
-        },
-        {
-          text: "微信",
-          imgUrl: require("@/static/icon/pay_2.png"),
-          type: 1,
-          value: "1",
-        },
-        {
-          text: "天医币",
-          imgUrl: require("@/static/icon/pay_3.png"),
-          type: 4,
-          value: "2",
-        },
-      ];
-      this.selectPayIndex = 1;
-      this.payType = 1;
-    }
-  },
-  computed: {
-    ...mapState(["userInfo"]),
-  },
-  methods: {
-    async getGoodsList() {
-      //获取商品信息
-      //   await this.getGoodsDataInfo();
-      await this.initPrepareOrder();
-      this.$nextTick(async () => {
-        if (this.pageType == "vip") {
-          await this.getTotalPrice();
+      confirmCoupon(data) {
+        if (data) {
+          this.curCoupon = data;
+          this.curCouponId = data.couponEntity.id;
         } else {
-          await this.getVipFei();
-          await this.getDistrictAmount();
-          await this.getActiveCouponList();
+          this.curCoupon = {};
+          this.curCouponId = undefined;
         }
-
-        var list = [...this.goodsDataList];
-        list = list.map((e) => e.goodsType);
-        this.haveCourse = list.some((ele) => ele === "05");
-        if (this.options.sourceType == "curriculum") {
-          this.goToInfo = {
-            url: "/pages/curriculum/order/index/index",
-            type: 2,
-          };
-        } else {
-          this.goToInfo = {
-            url: "/pages/bookShop/orderList",
-            type: 1,
-          };
-        }
-      });
-    },
-    async getVipFei() {
-      let key = [];
-      let dataToString = "";
-      this.goodsDataList.forEach((item, index) => {
-        key.push({
-          productId: item.productId,
-          quantity: this.orderNumber,
+  
+        this.getTotalPrice();
+      },
+      // 查询商品可用优惠券
+      async getActiveCouponList() {
+        var list = [];
+        this.goodsDataList.forEach((e) => {
+          var str = `${e.productId}:${
+            e.activityPrice > 0 ? e.activityPrice : e[this.priceKey]
+          }:${this.orderNumber}`;
+          list.push(str);
         });
-      });
-
-      await $http
-        .request({
-          url: "/book/buyOrder/getVipDiscountAmount",
-          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
-          data: {
-            productList: key,
-          },
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-        .then(async (res) => {
-          if (res.code == 0) {
-            console.log("res.code at line 538:", res);
-            this.vipPrice = res.discountAmount;
-            await this.getTotalPrice();
-          }
-        });
-    },
-    async getDistrictAmount() {
-      let key = [];
-      let dataToString = "";
-
-      this.goodsDataList.forEach((item, index) => {
-        key.push({
-          productId: item.productId,
-          quantity: this.orderNumber,
-        });
-        //	dataToString = dataToString.concat(item.productId+"="+item.productAmount+"&")
-      });
-      console.log(key, "this.adressMoRen.areaidpath");
-
-      await $http
-        .request({
-          // url: "book/buyOrder/calculateTransportPrice/",
-          url: "/book/buyOrder/getDistrictAmount",
-          // url: "book/buyorder/getTransPrice/" + this.adressMoRen.areaidpath + "?" + dataToString,
-          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
-          data: {
-            productList: key,
-          },
-          header: {
-            //默认 无 说明：请求头
-            "Content-Type": "application/json",
-          },
-        })
-        .then(async (res) => {
-          if (res.code == 0) {
-            console.log("res.code at line 538111111111111111:", res);
-            this.districtAmount = res.districtAmount;
-            // console.log('需要的运费', res.result)
-            await this.getTotalPrice();
-          }
-        });
-    },
-    closeCoupon() {
-      this.showCouponPup = false;
-    },
-    confirmCoupon(data) {
-      if (data) {
-        this.curCoupon = data;
-        this.curCouponId = data.couponEntity.id;
-      } else {
-        this.curCoupon = {};
-        this.curCouponId = undefined;
-      }
-
-      this.getTotalPrice();
-    },
-    // 查询商品可用优惠券
-    async getActiveCouponList() {
-      var list = [];
-      this.goodsDataList.forEach((e) => {
-        var str = `${e.productId}:${
-          e.activityPrice > 0 ? e.activityPrice : e[this.priceKey]
-        }:${this.orderNumber}`;
-        list.push(str);
-      });
-
-      var idsString = list.join(",");
-      this.$http
-        .request({
-          url: "common/coupon/getCouponListPayment",
-          method: "POST",
-          data: {
-            shopProductInfos: idsString,
-          },
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-
-        .then(async (res) => {
-          if (res.code != 0) {
-            uni.showToast({
-              title: res.errMsg,
-              icon: "none",
-            });
+  
+        var idsString = list.join(",");
+        this.$http
+          .request({
+            url: "common/coupon/getCouponListPayment",
+            method: "POST",
+            data: {
+              shopProductInfos: idsString,
+            },
+            header: {
+              "Content-Type": "application/json",
+            },
+          })
+  
+          .then(async (res) => {
+            if (res.code != 0) {
+              uni.showToast({
+                title: res.errMsg,
+                icon: "none",
+              });
+              if (this.isShowAddress) {
+                await this.getUserAddress();
+              } else {
+                await this.getTotalPrice();
+              }
+  
+              return;
+            }
+            if (res.code == 0) {
+              this.couponHistoryList = res.couponHistoryList;
+  
+              this.selectcouponList = this.couponHistoryList.filter(
+                (item) => item.canUse != 0
+              );
+              console.log(
+                "this.selectcouponList at line 984:",
+                this.selectcouponList
+              );
+              if (
+                this.selectcouponList.filter(
+                  (item) => item.couponId == this.curCouponId
+                ).length == 0
+              ) {
+                this.curCoupon = {};
+                this.curCouponId = undefined;
+              }
+            } else {
+              this.couponHistoryList = [];
+  
+              this.selectcouponList = [];
+            }
+  
+            if (this.selectcouponList.length == 0) {
+              this.curCoupon = {};
+              this.curCouponId = undefined;
+            }
+  
+            this.$forceUpdate();
             if (this.isShowAddress) {
               await this.getUserAddress();
             } else {
               await this.getTotalPrice();
             }
-
-            return;
-          }
-          if (res.code == 0) {
-            this.couponHistoryList = res.couponHistoryList;
-
-            this.selectcouponList = this.couponHistoryList.filter(
-              (item) => item.canUse != 0
-            );
-            console.log(
-              "this.selectcouponList at line 984:",
-              this.selectcouponList
-            );
-            if (
-              this.selectcouponList.filter(
-                (item) => item.couponId == this.curCouponId
-              ).length == 0
-            ) {
-              this.curCoupon = {};
-              this.curCouponId = undefined;
-            }
-          } else {
-            this.couponHistoryList = [];
-
-            this.selectcouponList = [];
-          }
-
-          if (this.selectcouponList.length == 0) {
-            this.curCoupon = {};
-            this.curCouponId = undefined;
-          }
-
-          this.$forceUpdate();
-          if (this.isShowAddress) {
-            await this.getUserAddress();
-          } else {
-            await this.getTotalPrice();
-          }
-        })
-        .catch((e) => {
-          uni.showToast({
-            title: e.errMsg,
-            icon: "none",
+          })
+          .catch((e) => {
+            uni.showToast({
+              title: e.errMsg,
+              icon: "none",
+            });
           });
-        });
-    },
-    handleChangejf(val) {
-      var value = val;
-      this.$nextTick(() => {
-        // 1. 只允许数字字符，并去掉小数点后的部分
-        value = value.replace(/[^0-9.]/g, ""); // 删除非数字和小数点字符
-
-        // 2. 如果有小数点，只保留小数点前的部分
-        if (value.indexOf(".") !== -1) {
-          value = value.split(".")[0]; // 截取小数点前的部分
-        }
-
-        // 如果输入为0，强制设置为0并显示为 "0"
-        if (val == 0) {
-          this.jfNumber = 0;
-          this.jfNumberShow = "0";
-        } else {
-          // 3. 强制转换为正整数
-          let numericValue = parseInt(value, 10); // 使用parseInt转换为整数
-          if (numericValue < 0 || isNaN(numericValue)) {
-            numericValue = 0;
+      },
+      handleChangejf(val) {
+        var value = val;
+        this.$nextTick(() => {
+          // 1. 只允许数字字符，并去掉小数点后的部分
+          value = value.replace(/[^0-9.]/g, ""); // 删除非数字和小数点字符
+  
+          // 2. 如果有小数点，只保留小数点前的部分
+          if (value.indexOf(".") !== -1) {
+            value = value.split(".")[0]; // 截取小数点前的部分
           }
-
-          // 4. 确保最大值限制
-          if (numericValue >= this.jfNumberMax) {
-            numericValue = this.jfNumberMax;
-          }
-
-          // 更新最终的数字值和显示
-          this.jfNumber = Math.max(0, numericValue); // 强制为正整数
-          this.jfNumberShow = this.jfNumber.toString(); // 显示整数
-        }
-
-        // 计算实际支付金额
-        var couponAmount = 0;
-        if (this.curCouponId && this.curCoupon.couponEntity.id) {
-          couponAmount = this.curCoupon.couponEntity.couponAmount;
-        }
-        this.actualPayment =
-          this.totalPrice -
-          couponAmount -
-          this.jfNumber +
-          this.freightNum -
-          this.districtAmount -
-          this.vipPrice;
-
-        // 如果实际支付金额为0，设置支付方式为默认货币
-        if (this.actualPayment == 0) {
-          console.log("this.actualPayment at line 1097:", this.actualPayment);
-          this.isDefaultCurrency = true;
-          var that = this;
-          this.payList.forEach((e, i) => {
-            if (e.type == 4) {
-              that.selectPayIndex = i;
-              that.payType = 4;
+  
+          // 如果输入为0，强制设置为0并显示为 "0"
+          if (val == 0) {
+            this.jfNumber = 0;
+            this.jfNumberShow = "0";
+          } else {
+            // 3. 强制转换为正整数
+            let numericValue = parseInt(value, 10); // 使用parseInt转换为整数
+            if (numericValue < 0 || isNaN(numericValue)) {
+              numericValue = 0;
             }
-          });
-          this.$forceUpdate();
-        } else {
-          this.isDefaultCurrency = false;
-        }
-        this.$forceUpdate();
-      });
-    },
-    onHandleClickBuy() {
-      this.orderModalShow = false;
-      this.remark = this.content;
-    },
-    closeOrderModalShow() {
-      if (this.orderModalShowInfo.type == "remark") {
-        this.content = "";
-      }
-      this.orderModalShow = false;
-    },
-    onPageJump(url) {
-      console.log(url, "url");
-      uni.navigateTo({
-        url: url,
-      });
-    },
-    // 获取订单初始话
-    async initPrepareOrder() {
-      if (this.options.isFudu) {
-        this.priceBreakdownList = [
-          {
-            text: "商品总价",
-            imgUrl: "",
-            type: 1,
-          },
-          {
-            text: "运费",
-            imgUrl: "",
-            type: 2,
-          },
-        ];
-      } else {
-        this.priceBreakdownList = [
-          {
-            text: "商品总价",
-            imgUrl: "",
-            type: 1,
-          },
-          {
-            text: "运费",
-            imgUrl: "",
-            type: 2,
-          },
-
-          {
-            text: "优惠券",
-            imgUrl: "",
-            type: 3,
-          },
-        ];
-      }
-      if (
-        this.goodsDataList[0].activityPrice &&
-        this.goodsDataList[0].activityPrice > 0
-      ) {
-        this.priceBreakdownList.push({
-          text: "活动立减",
-          imgUrl: "",
-          type: 5,
-        });
-      }
-      if (
-        this.goodsDataList[0].isVipPrice &&
-        this.goodsDataList[0].vipPrice &&
-        this.goodsDataList[0].vipPrice > 0
-      ) {
-        this.priceBreakdownList.push({
-          text: "VIP专享立减",
-          imgUrl: "",
-          type: 6,
-        });
-      }
-
-      this.isShowAddress = !this.isHideAddress;
-      if (!this.isShowAddress) {
-        this.priceBreakdownList.push({
-          text: "积分",
-          imgUrl: require("@/static/icon/jifen.png"),
-          type: 4,
-        });
-      }
-    },
-    // 获取地址列表
-    async getUserAddress() {
-      var data = {};
-
-      var that = this;
-
-      this.$http
-        .request({
-          url: `${this.urlList.addressList}?userId=${this.userInfo.id}`,
-          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
-          data,
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-
-        .then(async (res) => {
-          console.log("res at line 374:", res);
-          if (res.code == 0) {
-            if (res.list.length > 0) {
-              var index = res.list.findIndex((e) => e.isDefault == 1);
-              console.log("index at line 37711111111111111111111111:", index);
-              if (index >= 0) {
-                that.defaultAddressList = {
-                  ...res.list[index],
-
-                  address: `${res.list[index].province}${res.list[index].city}${
-                    res.list[index].county
-                  }${
-                    res.list[index].detailAddress
-                      ? res.list[index].detailAddress
-                      : ""
-                  }`,
-                };
-              } else {
-                console.log(that.defaultAddressList, "11111111111111");
-                that.defaultAddressList = {
-                  ...res.list[0],
-                  address: `${res.list[0].province}${res.list[0].city}${
-                    res.list[0].county
-                  }${
-                    res.list[0].detailAddress ? res.list[0].detailAddress : ""
-                  }`,
-                };
+  
+            // 4. 确保最大值限制
+            if (numericValue >= this.jfNumberMax) {
+              numericValue = this.jfNumberMax;
+            }
+  
+            // 更新最终的数字值和显示
+            this.jfNumber = Math.max(0, numericValue); // 强制为正整数
+            this.jfNumberShow = this.jfNumber.toString(); // 显示整数
+          }
+  
+          // 计算实际支付金额
+          var couponAmount = 0;
+          if (this.curCouponId && this.curCoupon.couponEntity.id) {
+            couponAmount = this.curCoupon.couponEntity.couponAmount;
+          }
+          this.actualPayment =
+            this.totalPrice -
+            couponAmount -
+            this.jfNumber +
+            this.freightNum -
+            this.districtAmount -
+            this.vipPrice;
+  
+          // 如果实际支付金额为0，设置支付方式为默认货币
+          if (this.actualPayment == 0) {
+            console.log("this.actualPayment at line 1097:", this.actualPayment);
+            this.isDefaultCurrency = true;
+            var that = this;
+            this.payList.forEach((e, i) => {
+              if (e.type == 4) {
+                that.selectPayIndex = i;
+                that.payType = 4;
               }
-            } else {
-              this.defaultAddressList = {};
-            }
-          }
-          if (!this.addressData.id) {
-            this.addressData = this.defaultAddressList;
-          }
-          if (this.defaultAddressList.id) {
-            console.log("有默认地址");
-            await this.getFreightNum();
-          }
-          this.$forceUpdate();
-        });
-    },
-
-    //获取运费
-    async getFreightNum() {
-      console.log("this.userInfo.id at line 368:", this.userInfo.id);
-      var data = {
-        products: this.goodsDataList.map((e) => {
-          return {
-            productId: e.productId,
-            quantity: this.orderNumber,
-          };
-        }),
-        regionCode: this.addressData.regionCode,
-      };
-
-      var that = this;
-
-      this.$http
-        .request({
-          url: `${this.urlList.freightNum}`,
-          method: "POST",
-          data,
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-
-        .then(async (res) => {
-          console.log("res at line 37411:", res);
-          if (res.code == 0) {
-            this.freightNum = res.result;
-          }
-          await this.getTotalPrice();
-          this.$forceUpdate();
-        });
-    },
-    handleFresh() {
-      this.show = false;
-    },
-    async getReturnData() {},
-    async getTotalPrice() {
-      var s = 0;
-      var that = this;
-      for (var i = this.goodsDataList.length - 1; i >= 0; i--) {
-        s += this.goodsDataList[i][this.priceKey];
-      }
-      that.totalPrice = s * this.orderNumber;
-      console.log("that.totalPrice at line 1226:", that.totalPrice);
-      var couponAmount = 0;
-      var couponData = this.selectcouponList.filter(
-        (e) => e.couponId == that.curCouponId
-      );
-      if (this.curCoupon.couponId) {
-        couponAmount = that.curCoupon.couponEntity.couponAmount;
-      } else {
-        couponAmount = 0;
-      }
-      if (!this.isShowAddress) {
-        if (that.initData.user && that.initData.user.jf) {
-          var totalMoney =
-            that.totalPrice - that.districtAmount - that.vipPrice;
-          if (this.initData.user.jf >= totalMoney) {
-            const integerPart = Math.floor(totalMoney);
-
-            this.jfNumber = integerPart - couponAmount; // 设置 jfNumber
-            this.jfNumberMax = integerPart - couponAmount; // 设置 jfNumberMax
+            });
+            this.$forceUpdate();
           } else {
-            if (this.initData.user.jf >= couponAmount) {
-              this.jfNumber = this.initData.user.jf - couponAmount;
-              this.jfNumberMax = this.initData.user.jf - couponAmount;
-            } else {
-              this.jfNumber = this.initData.user.jf;
-              this.jfNumberMax = this.initData.user.jf;
+            this.isDefaultCurrency = false;
+          }
+          this.$forceUpdate();
+        });
+      },
+      onHandleClickBuy() {
+        this.orderModalShow = false;
+        this.remark = this.content;
+      },
+      closeOrderModalShow() {
+        if (this.orderModalShowInfo.type == "remark") {
+          this.content = "";
+        }
+        this.orderModalShow = false;
+      },
+      onPageJump(url) {
+        console.log(url, "url");
+        uni.navigateTo({
+          url: url,
+        });
+      },
+      // 获取订单初始话
+      async initPrepareOrder() {
+        if (this.options.isFudu) {
+          this.priceBreakdownList = [
+            {
+              text: "商品总价",
+              imgUrl: "",
+              type: 1,
+            },
+            {
+              text: "运费",
+              imgUrl: "",
+              type: 2,
+            },
+          ];
+        } else {
+          this.priceBreakdownList = [
+            {
+              text: "商品总价",
+              imgUrl: "",
+              type: 1,
+            },
+            {
+              text: "运费",
+              imgUrl: "",
+              type: 2,
+            },
+  
+            {
+              text: "优惠券",
+              imgUrl: "",
+              type: 3,
+            },
+          ];
+        }
+        if (
+          this.goodsDataList[0].activityPrice &&
+          this.goodsDataList[0].activityPrice > 0
+        ) {
+          this.priceBreakdownList.push({
+            text: "活动立减",
+            imgUrl: "",
+            type: 5,
+          });
+        }
+        if (
+          this.goodsDataList[0].isVipPrice &&
+          this.goodsDataList[0].vipPrice &&
+          this.goodsDataList[0].vipPrice > 0
+        ) {
+          this.priceBreakdownList.push({
+            text: "VIP专享立减",
+            imgUrl: "",
+            type: 6,
+          });
+        }
+  
+        this.isShowAddress = !this.isHideAddress;
+        if (!this.isShowAddress&&this.initData.user.jf>0) {
+          this.priceBreakdownList.push({
+            text: "积分",
+            imgUrl: require("@/static/icon/jifen.png"),
+            type: 4,
+          });
+        }
+      },
+      // 获取地址列表
+      async getUserAddress() {
+        var data = {};
+  
+        var that = this;
+  
+        this.$http
+          .request({
+            url: `${this.urlList.addressList}?userId=${this.userInfo.id}`,
+            method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+            data,
+            header: {
+              "Content-Type": "application/json",
+            },
+          })
+  
+          .then(async (res) => {
+            console.log("res at line 374:", res);
+            if (res.code == 0) {
+              if (res.list.length > 0) {
+                var index = res.list.findIndex((e) => e.isDefault == 1);
+                console.log("index at line 37711111111111111111111111:", index);
+                if (index >= 0) {
+                  that.defaultAddressList = {
+                    ...res.list[index],
+  
+                    address: `${res.list[index].province}${res.list[index].city}${
+                      res.list[index].county
+                    }${
+                      res.list[index].detailAddress
+                        ? res.list[index].detailAddress
+                        : ""
+                    }`,
+                  };
+                } else {
+                  console.log(that.defaultAddressList, "11111111111111");
+                  that.defaultAddressList = {
+                    ...res.list[0],
+                    address: `${res.list[0].province}${res.list[0].city}${
+                      res.list[0].county
+                    }${
+                      res.list[0].detailAddress ? res.list[0].detailAddress : ""
+                    }`,
+                  };
+                }
+              } else {
+                this.defaultAddressList = {};
+              }
             }
-          }
-        } else {
-          this.jfNumber = 0;
-        }
-
-        if (that.jfNumber == 0 || that.jfNumber == null) {
-          that.jfNumberShow = "0.00";
-          that.actualPayment = that.totalPrice - couponAmount;
-        } else {
-          that.jfNumberShow = that.jfNumber.toFixed(2);
-          that.actualPayment = that.totalPrice - that.jfNumber - couponAmount;
-        }
-        that.actualPayment =
-          that.actualPayment +
-          that.freightNum -
-          that.districtAmount -
-          that.vipPrice;
-      } else {
-        that.actualPayment =
-          that.totalPrice +
-          that.freightNum -
-          couponAmount -
-          that.districtAmount -
-          that.vipPrice;
-      }
-      if (this.actualPayment == 0 && !this.isShowAddress) {
-        this.isDefaultCurrency = true;
-      } else {
-        this.isDefaultCurrency = false;
-      }
-      this.$forceUpdate();
-    },
-    selectAddress(data) {
-      this.show = false;
-    },
-    goToAddress() {
-      uni.navigateTo({
-        url: "/pages/component/commonComponents/address/index?type=order",
-      });
-    },
-    fnCopy(value, title) {
-      this.$commonJS.handleMakingPhoneCalls(value, title);
-    },
-
-    gotoPhone() {
-      this.$commonJS.handleMakingPhoneCalls("022-24142321");
-    },
-    openOrderModal(v) {
-      this.orderModalShowInfo = v;
-      console.log(
-        "this.orderModalShowInfo at line 727:",
-        this.orderModalShowInfo
-      );
-      this.orderModalShow = true;
-      if (this.orderModalShowInfo.type == "remark") {
-        this.content = this.remark;
-      }
-    },
-    async goBuyJie() {
-      if (this.buyingFlag) {
-        uni.showToast({
-          title: "操作太频繁了，休息下吧",
-          icon: "none",
-        });
-        return;
-      }
-      this.buyingFlag = true;
-      var that = this;
-      this.nowClick = false;
-      setTimeout(() => {
-        this.nowClick = true;
-      }, 5000);
-      let xiaBiao = [];
-      let data = {};
-
-      if (
-        this.payType == 4 &&
-        this.initData.user.peanutCoin < Number(this.actualPayment)
-      ) {
-        uni.showToast({
-          title: "天医币余额不足",
-          icon: "none",
-        });
-        return;
-      }
-      if (this.pageType == "fudu") {
-        data = {
-          jfDeduction: this.jfNumber,
-          paymentMethod: this.payType, //支付方式   2支付宝，1微信，3ios内购    4，天医币购买
-          orderMoney: this.totalPrice, //订单金额
-          realMoney: this.actualPayment, //实收金额
-          remark: this.goodsDataList
-            .map((e) => e.productId + "," + e.productName)
-            .join(","), //productId,商品名
-          come: "2",
-        };
-      } else if (this.pageType == "vip") {
-        data = {
-          paymentMethod: this.payType, //1微信2支付宝3苹果支付4虚拟币
-          orderMoney: this.totalPrice, //订单金额
-          realMoney: this.actualPayment, //实际金额
-          shippingMoney: 0, //运费
-          jfDeduction: this.jfNumber,
-          vipBuyConfigId: this.goodsDataList[0].id,
-          come: 2, //订单来源，0疯子读书1国学众妙之门2医学吴门医述
-        };
-      } else {
-        if (this.options.goods[0].goodsType != "05") {
-          if (!this.addressData.id) {
-            this.$commonJS.showToast("请选择收货地址");
-            return false;
-          }
-        }
-
-        data = {
-          buyType: this.options.typeId, //0- 商品页直接下单  1- 购物车结算
-          userId: this.userInfo.id, //下单人ID
-          shippingUser: this.addressData
-            ? this.addressData.consigneeName
-            : "111", //收货人姓名
-          userPhone: this.addressData.consigneePhone, //收货人手机号
-          jfDeduction: this.jfNumber,
-          paymentMethod: this.payType, //支付方式   2支付宝，1微信，3ios内购    4，天医币购买
-          orderMoney: this.totalPrice, //订单金额
-          realMoney: this.actualPayment, //实收金额
-          shippingMoney: this.freightNum, //运费
-          remark: this.remark, //备注
-          couponId: this.curCouponId ? this.curCoupon.id : null, //优惠券Id
-          // isSend: this.isSend,
-          couponName:
-            this.curCouponId && this.curCoupon.id
-              ? this.curCoupon.couponEntity.couponName
-              : "", //优惠券名称
-          districtMoney: 0, //优惠金额
-          vipDiscountAmount: this.vipPrice, //折扣金额
-          districtMoney: this.districtAmount, //折扣金额
-
-          productList: this.goodsDataList.map((e) => {
+            if (!this.addressData.id) {
+              this.addressData = this.defaultAddressList;
+            }
+            if (this.defaultAddressList.id) {
+              console.log("有默认地址");
+              await this.getFreightNum();
+            }
+            this.$forceUpdate();
+          });
+      },
+  
+      //获取运费
+      async getFreightNum() {
+        console.log("this.userInfo.id at line 368:", this.userInfo.id);
+        var data = {
+          products: this.goodsDataList.map((e) => {
             return {
               productId: e.productId,
               quantity: this.orderNumber,
             };
-          }), //订单列表商品
-          orderType: "order", //订单类型
-          addressId:
-            this.options.goods[0].goodsType != "05" ? this.addressData.id : 0, // 地址ID
-          appName: "wumen",
-          come: "2",
+          }),
+          regionCode: this.addressData.regionCode,
         };
-        var productList = [...data.productList];
-        var thisproduct = productList.map((item) => {
-          return item.productId + "_" + item.quantity;
-        });
-        thisproduct = thisproduct.join(",");
-      }
-      if (
-        this.historyOrderInfo &&
-        thisproduct == this.historyOrderInfo.product &&
-        data.addressId == this.historyOrderInfo.addressId &&
-        this.historyOrderInfo.realMoney == data.realMoney
-      ) {
-        that.canjump = false;
-        uni.showModal({
-          title: "提示",
-          content: "您短时间内有一笔相同金额的订单，是否确定继续下单？",
-          cancelText: "点错了",
-          confirmText: "继续操作",
-          success: function (res) {
-            that.canjump = true;
-            if (res.confirm) {
-              that.buyingFlag = false;
-              console.log("用户点击确定", that.buyingFlag);
-              that.submitorder(data);
-            } else {
-              that.buyingFlag = false;
+  
+        var that = this;
+  
+        this.$http
+          .request({
+            url: `${this.urlList.freightNum}`,
+            method: "POST",
+            data,
+            header: {
+              "Content-Type": "application/json",
+            },
+          })
+  
+          .then(async (res) => {
+            console.log("res at line 37411:", res);
+            if (res.code == 0) {
+              this.freightNum = res.result;
             }
-          },
-        });
-      } else {
-        that.submitorder(data);
-      }
-    },
-    //支付操作
-    async submitorder(data) {
-      uni.showLoading({
-        title: "正在请求订单",
-      });
-      // this.buyingFlag = false
-      console.log("进来请求了吗？");
-      let that = this;
-      var url = "";
-      switch (that.pageType) {
-        case "fudu":
-          url = that.urlList.renewPayment;
-          // 常规支付
-          break;
-        case "vip":
-          url = that.urlList.vipPayment;
-          // 常规支付
-          break;
-        default:
-          url = that.urlList.buyOrder;
-          // 常规支付
-          break;
-      }
-      await $http
-        .request({
-          url: url,
-          method: "POST",
-          data,
-          header: {
-            "Content-Type": "application/json",
-          },
-        })
-        .then(async (res) => {
-          console.log("res at line 598系统下单返回结果:", res);
-          that.buyingFlag = false;
-          if (!that.options.isFudu && !this.options.isVip) {
-            var product = data.productList.map((item) => {
-              return item.productId + "_" + item.quantity;
-            });
-            product = product.join(",");
-            that.historyOrderInfo = {
-              product: product,
-              addressId: data.addressId,
-              realMoney: data.realMoney,
-            };
-          }
-          if (res.code == 0) {
-            if (res.orderSn == null) {
-              uni.showToast({
-                title: "失败,请重新下单",
-                icon: "none",
-                image: "../../../static/icon/ic_close.png",
-              });
+            await this.getTotalPrice();
+            this.$forceUpdate();
+          });
+      },
+      handleFresh() {
+        this.show = false;
+      },
+      async getReturnData() {},
+      async getTotalPrice() {
+        var s = 0;
+        var that = this;
+        for (var i = this.goodsDataList.length - 1; i >= 0; i--) {
+          s += this.goodsDataList[i][this.priceKey];
+        }
+        that.totalPrice = s * this.orderNumber;
+        console.log("that.totalPrice at line 1226:", that.totalPrice);
+        var couponAmount = 0;
+        var couponData = this.selectcouponList.filter(
+          (e) => e.couponId == that.curCouponId
+        );
+        if (this.curCoupon.couponId) {
+          couponAmount = that.curCoupon.couponEntity.couponAmount;
+        } else {
+          couponAmount = 0;
+        }
+        if (!this.isShowAddress) {
+          if (that.initData.user && that.initData.user.jf) {
+            var totalMoney =
+              that.totalPrice - that.districtAmount - that.vipPrice;
+            if (this.initData.user.jf >= totalMoney) {
+              const integerPart = Math.floor(totalMoney);
+  
+              this.jfNumber = integerPart - couponAmount; // 设置 jfNumber
+              this.jfNumberMax = integerPart - couponAmount; // 设置 jfNumberMax
             } else {
-              uni.showToast({
-                title: "下单成功，即将进行支付",
-                icon: "none",
+              if (this.initData.user.jf >= couponAmount) {
+                this.jfNumber = this.initData.user.jf - couponAmount;
+                this.jfNumberMax = this.initData.user.jf - couponAmount;
+              } else {
+                this.jfNumber = this.initData.user.jf;
+                this.jfNumberMax = this.initData.user.jf;
+              }
+            }
+          } else {
+            this.jfNumber = 0;
+          }
+  
+          if (that.jfNumber == 0 || that.jfNumber == null) {
+            that.jfNumberShow = "0.00";
+            that.actualPayment = that.totalPrice - couponAmount;
+          } else {
+            that.jfNumberShow = that.jfNumber.toFixed(2);
+            that.actualPayment = that.totalPrice - that.jfNumber - couponAmount;
+          }
+          that.actualPayment =
+            that.actualPayment +
+            that.freightNum -
+            that.districtAmount -
+            that.vipPrice;
+        } else {
+          that.actualPayment =
+            that.totalPrice +
+            that.freightNum -
+            couponAmount -
+            that.districtAmount -
+            that.vipPrice;
+        }
+        if (this.actualPayment == 0 && !this.isShowAddress) {
+          this.isDefaultCurrency = true;
+        } else {
+          this.isDefaultCurrency = false;
+        }
+        this.$forceUpdate();
+      },
+      selectAddress(data) {
+        this.show = false;
+      },
+      goToAddress() {
+        uni.navigateTo({
+          url: "/pages/component/commonComponents/address/index?type=order",
+        });
+      },
+      fnCopy(value, title) {
+        this.$commonJS.handleMakingPhoneCalls(value, title);
+      },
+  
+      gotoPhone() {
+        this.$commonJS.handleMakingPhoneCalls("022-24142321");
+      },
+      openOrderModal(v) {
+        this.orderModalShowInfo = v;
+        console.log(
+          "this.orderModalShowInfo at line 727:",
+          this.orderModalShowInfo
+        );
+        this.orderModalShow = true;
+        if (this.orderModalShowInfo.type == "remark") {
+          this.content = this.remark;
+        }
+      },
+      async goBuyJie() {
+        if (this.pageType == "vip") {
+          if (this.radioValue != "1") {
+            uni.showToast({
+              title: "请勾选 已阅读会员服务协议",
+              icon: "none",
+            });
+            return false;
+          }
+        }
+  
+        if (this.buyingFlag) {
+          uni.showToast({
+            title: "操作太频繁了，休息下吧",
+            icon: "none",
+          });
+          return;
+        }
+        this.buyingFlag = true;
+        var that = this;
+        this.nowClick = false;
+        setTimeout(() => {
+          this.nowClick = true;
+        }, 5000);
+  
+        let xiaBiao = [];
+        let data = {};
+  
+        if (
+          this.payType == 4 &&
+          this.initData.user.peanutCoin < Number(this.actualPayment)
+        ) {
+          uni.showToast({
+            title: "天医币余额不足",
+            icon: "none",
+          });
+          return;
+        }
+        if (this.pageType == "fudu") {
+          data = {
+            jfDeduction: this.jfNumber,
+            paymentMethod: this.payType, //支付方式   2支付宝，1微信，3ios内购    4，天医币购买
+            orderMoney: this.totalPrice, //订单金额
+            realMoney: this.actualPayment, //实收金额
+            remark: this.goodsDataList
+              .map((e) => e.productId + "," + e.productName)
+              .join(","), //productId,商品名
+            come: this.come,
+          };
+        } else if (this.pageType == "vip") {
+          data = {
+            paymentMethod: this.payType, //1微信2支付宝3苹果支付4虚拟币
+            orderMoney: this.totalPrice, //订单金额
+            realMoney: this.actualPayment, //实际金额
+            shippingMoney: 0, //运费
+            jfDeduction: this.jfNumber,
+            vipBuyConfigId: this.goodsDataList[0].id,
+            come: this.come, //订单来源，0疯子读书1国学众妙之门2医学吴门医述
+          };
+        } else {
+          if (this.options.goods[0].goodsType != "05") {
+            if (!this.addressData.id) {
+              this.$commonJS.showToast("请选择收货地址");
+              return false;
+            }
+          }
+  
+          data = {
+            buyType: this.options.typeId, //0- 商品页直接下单  1- 购物车结算
+            userId: this.userInfo.id, //下单人ID
+            shippingUser: this.addressData
+              ? this.addressData.consigneeName
+              : "111", //收货人姓名
+            userPhone: this.addressData.consigneePhone, //收货人手机号
+            jfDeduction: this.jfNumber,
+            paymentMethod: this.payType, //支付方式   2支付宝，1微信，3ios内购    4，天医币购买
+            orderMoney: this.totalPrice, //订单金额
+            realMoney: this.actualPayment, //实收金额
+            shippingMoney: this.freightNum, //运费
+            remark: this.remark, //备注
+            couponId: this.curCouponId ? this.curCoupon.id : null, //优惠券Id
+            // isSend: this.isSend,
+            couponName:
+              this.curCouponId && this.curCoupon.id
+                ? this.curCoupon.couponEntity.couponName
+                : "", //优惠券名称
+            districtMoney: 0, //优惠金额
+            vipDiscountAmount: this.vipPrice, //折扣金额
+            districtMoney: this.districtAmount, //折扣金额
+  
+            productList: this.goodsDataList.map((e) => {
+              return {
+                productId: e.productId,
+                quantity: this.orderNumber,
+              };
+            }), //订单列表商品
+            orderType: "order", //订单类型
+            addressId:
+              this.options.goods[0].goodsType != "05" ? this.addressData.id : 0, // 地址ID
+            appName: this.appName,
+            come: this.come,
+          };
+          var productList = [...data.productList];
+          var thisproduct = productList.map((item) => {
+            return item.productId + "_" + item.quantity;
+          });
+          thisproduct = thisproduct.join(",");
+        }
+        if (
+          this.historyOrderInfo &&
+          thisproduct == this.historyOrderInfo.product &&
+          data.addressId == this.historyOrderInfo.addressId &&
+          this.historyOrderInfo.realMoney == data.realMoney
+        ) {
+          that.canjump = false;
+          uni.showModal({
+            title: "提示",
+            content: "您短时间内有一笔相同金额的订单，是否确定继续下单？",
+            cancelText: "点错了",
+            confirmText: "继续操作",
+            success: function (res) {
+              that.canjump = true;
+              if (res.confirm) {
+                that.buyingFlag = false;
+                console.log("用户点击确定", that.buyingFlag);
+                that.submitorder(data);
+              } else {
+                that.buyingFlag = false;
+              }
+            },
+          });
+        } else {
+          that.submitorder(data);
+        }
+      },
+      //支付操作
+      async submitorder(data) {
+        uni.showLoading({
+          title: "正在请求订单",
+        });
+        // this.buyingFlag = false
+        console.log("进来请求了吗？");
+        let that = this;
+        var url = "";
+        switch (that.pageType) {
+          case "fudu":
+            url = that.urlList.renewPayment;
+            // 常规支付
+            break;
+          case "vip":
+            url = that.urlList.vipPayment;
+            // 常规支付
+            break;
+          default:
+            url = that.urlList.buyOrder;
+            // 常规支付
+            break;
+        }
+        await $http
+          .request({
+            url: url,
+            method: "POST",
+            data,
+            header: {
+              "Content-Type": "application/json",
+            },
+          })
+          .then(async (res) => {
+            console.log("res at line 598系统下单返回结果:", res);
+            that.buyingFlag = false;
+            if (!that.options.isFudu && !this.options.isVip) {
+              var product = data.productList.map((item) => {
+                return item.productId + "_" + item.quantity;
               });
-              if (that.payType == 2) {
-                // 常规支付
-                await setPay(
-                  {
-                    typePay: "alipay",
-                    subject: "order",
+              product = product.join(",");
+              that.historyOrderInfo = {
+                product: product,
+                addressId: data.addressId,
+                realMoney: data.realMoney,
+              };
+            }
+            if (res.code == 0) {
+              if (res.orderSn == null) {
+                uni.showToast({
+                  title: "失败,请重新下单",
+                  icon: "none",
+                  image: "../../../static/icon/ic_close.png",
+                });
+              } else {
+                uni.showToast({
+                  title: "下单成功，即将进行支付",
+                  icon: "none",
+                });
+                if (that.payType == 2) {
+                  // 常规支付
+                  await setPay(
+                    {
+                      typePay: "alipay",
+                      subject: "order",
+                      totalAmount: res.money,
+                      type: 2,
+                      relevanceoid: res.orderSn,
+                      customerId: that.userInfo.id,
+                    },
+                    (res) => {
+                      uni.showLoading({
+                        title: "加载中",
+                      });
+                      console.log(res, "支付支付");
+                      if (res.success) {
+                        uni.hideLoading();
+                        uni.showToast({
+                          title: "支付成功",
+                        });
+                        setTimeout(() => {
+                          if (that.canjump) {
+                            if (that.goToInfo.type == 1) {
+                              uni.switchTab({
+                                url: `${that.goToInfo.url}?type=order`,
+                              });
+                            } else {
+                              uni.redirectTo({
+                                url: `${that.goToInfo.url}?backType=order`,
+                              });
+                            }
+                          }
+                        }, 1000);
+                      } else {
+                        setTimeout(() => {
+                          console.log("延迟调用 失败提示");
+                          uni.showToast({
+                            title: "支付失败",
+                            image: "../../../static/icon/ic_close.png",
+                          });
+                        }, 0);
+                      }
+                    }
+                  );
+                } else if (that.payType == 1) {
+                  // 微信支付
+                  let data1 = {
+                    orderSn: res.orderSn,
+                    buyOrderId: null,
                     totalAmount: res.money,
-                    type: 2,
-                    relevanceoid: res.orderSn,
-                    customerId: that.userInfo.id,
-                  },
-                  (res) => {
-                    uni.showLoading({
-                      title: "加载中",
-                    });
-                    console.log(res, "支付支付");
+                  };
+                  setWXPay(data1, (res) => {
                     if (res.success) {
                       uni.hideLoading();
                       uni.showToast({
@@ -1484,828 +1599,827 @@ export default {
                         }
                       }, 1000);
                     } else {
-                      setTimeout(() => {
-                        console.log("延迟调用 失败提示");
+                      uni.hideLoading();
+                      console.log(res, "微信支付111111111111111");
+                      if (res.data.errMsg.indexOf("User canceled") != -1) {
                         uni.showToast({
-                          title: "支付失败",
+                          title: "用户取消支付",
+                          icon: "none",
+                          image: "../../../static/icon/ic_close.png",
+                        });
+                      } else {
+                        uni.showToast({
+                          title: "支付失败",
+                          icon: "none",
                           image: "../../../static/icon/ic_close.png",
                         });
-                      }, 0);
-                    }
-                  }
-                );
-              } else if (that.payType == 1) {
-                // 微信支付
-                let data1 = {
-                  orderSn: res.orderSn,
-                  buyOrderId: null,
-                  totalAmount: res.money,
-                };
-                setWXPay(data1, (res) => {
-                  if (res.success) {
-                    uni.hideLoading();
-                    uni.showToast({
-                      title: "支付成功",
-                    });
-                    setTimeout(() => {
-                      if (that.canjump) {
-                        if (that.goToInfo.type == 1) {
-                          uni.switchTab({
-                            url: `${that.goToInfo.url}?type=order`,
-                          });
-                        } else {
-                          uni.redirectTo({
-                            url: `${that.goToInfo.url}?backType=order`,
-                          });
-                        }
                       }
-                    }, 1000);
-                  } else {
-                    uni.hideLoading();
-                    console.log(res, "微信支付111111111111111");
-                    if (res.data.errMsg.indexOf("User canceled") != -1) {
-                      uni.showToast({
-                        title: "用户取消支付",
-                        icon: "none",
-                        image: "../../../static/icon/ic_close.png",
-                      });
-                    } else {
-                      uni.showToast({
-                        title: "支付失败",
-                        icon: "none",
-                        image: "../../../static/icon/ic_close.png",
-                      });
                     }
-                  }
-                });
-              } else if (that.payType == 4) {
-                that.buyingFlag = false;
-                // 天医币支付
-                uni.hideLoading();
-                uni.showToast({
-                  title: "购买成功",
-                  icon: "success",
-                });
-                setTimeout(() => {
-                  if (that.canjump) {
-                    if (that.goToInfo.type == 1) {
-                      uni.switchTab({
-                        url: `${that.goToInfo.url}?type=order`,
-                      });
-                    } else {
-                      uni.redirectTo({
-                        url: `${that.goToInfo.url}?backType=order`,
-                      });
+                  });
+                } else if (that.payType == 4) {
+                  that.buyingFlag = false;
+                  // 天医币支付
+                  uni.hideLoading();
+                  uni.showToast({
+                    title: "购买成功",
+                    icon: "success",
+                  });
+                  setTimeout(() => {
+                    if (that.canjump) {
+                      if (that.goToInfo.type == 1) {
+                        uni.switchTab({
+                          url: `${that.goToInfo.url}?type=order`,
+                        });
+                      } else {
+                        uni.redirectTo({
+                          url: `${that.goToInfo.url}?backType=order`,
+                        });
+                      }
                     }
-                  }
-                }, 1000);
+                  }, 1000);
+                }
               }
             }
-          }
-        })
-        .catch((e) => {
-          that.buyingFlag = false;
-          uni.hideLoading();
-        });
-    },
-    radioChange(index) {
-      this.selectPayIndex = index;
-      this.payType = this.payList[this.selectPayIndex].type;
-      this.$forceUpdate();
-    },
-    handleValChange(e) {
-      console.log("e at line 424:", e);
-    },
-    buttonClick(e) {
-      console.log(e);
-      this.options[2].info++;
-    },
-
-    hancleModalConfirm() {
-      var data = {
-        values: {
-          customerType: "D",
-          token: uni.getStorageSync("token"),
-          customerOid: uni.getStorageSync("customerOid"),
-          ...this.taiHuClassInfo,
-        },
-      };
-    },
-    fnRelearn(oid, days, courseFee) {
-      //99和199课程复读一个月60三个月120; 299和399课程复读一个月80三个月180
-      //499和599课程复读一个月90三个月220; 699和799课程复读一个月100三个月248
-      var feeAs = [
-        [60, 120],
-        [80, 180],
-        [90, 220],
-        [100, 248],
-      ];
-      var fee = 0;
-      if (courseFee < 206) {
-        fee = feeAs[0][days == 30 ? 0 : 1];
-      } else if (courseFee < 406) {
-        fee = feeAs[1][days == 30 ? 0 : 1];
-      } else if (courseFee < 606) {
-        fee = feeAs[2][days == 30 ? 0 : 1];
-      } else {
-        fee = feeAs[3][days == 30 ? 0 : 1];
-      }
-      this.modalInfo = {
-        title: "提示信息",
-        content:
-          "用户您好，该课程已到期，通过支付" +
-          fee +
-          "元，本门课程可获得" +
-          days +
-          "天延期学习时间，点击确认即完成自动扣费，感谢配合！",
-      };
-
-      this.taiHuClassInfo = {
-        taiHuClassOid: oid,
-        days: days,
-        fee: fee,
-      };
-      this.show = true;
-    },
-    async getCourseDescriptionData() {
-      var data = {};
-      var that = this;
-      console.log(this.$store.state, "11111111111");
-      this.$http
-        .post(this.urlList.list, {
-          customerType: "D",
-          token: uni.getStorageSync("token"),
-          customerOid: uni.getStorageSync("customerOid"),
-          oid: this.options.oid,
-        })
-        .then(async (res) => {
-          that.curriculumData = res.obj;
-
-          if (
-            that.curriculumData.productImageList == null ||
-            that.curriculumData.productImageList == ""
-          ) {
-            this.swiperList.push(that.curriculumData.explainsImg);
-          } else {
-            that.swiperList = that.curriculumData.productImageList.split(",");
-          }
-
-          that.dataList = res.obj.correlatedList;
-          await that.getDetailInfo();
-        });
-    },
-    getPriceData() {
-      var that = this;
-      setTimeout(() => {
-        that.$nextTick(() => {
-          that.$refs.priceDetail.getTotalPrice();
-        });
-      }, 100);
-    },
-    // 检查是有权限使用搜索功能
-    checkDisable() {
-      console.log("点击了");
-    },
-    // 获取用户详情
-    getUserInfo() {
-      // 用户详情
-      if (this.userInfo.id != undefined) {
-        this.$http.post("book/user/info/" + this.userInfo.id).then((res) => {
-          this.userMes = res.user;
-          this.getCateList();
-          console.log(this.userMes, "呼呼");
-        });
-      }
-    },
-
-    async handleselectCate(item, index) {
-      this.dataList = [];
-      var data = [];
-      console.log(item, index, 99999);
-      var that = this;
-      this.$http
-        .post(this.urlList.curriculumInfo, {
-          customerType: "D",
-          token: uni.getStorageSync("token"),
-          customerOid: uni.getStorageSync("customerOid"),
-          oid: item.coid,
-        })
-        .then(async (res) => {
-          that.curriculumInfo = res.obj;
-          that.dataList = res.obj.courseList;
-        });
-      this.searchValue = "";
-      this.searchList = [];
-      this.showSearchList = false;
-      return data;
-    },
-    async getDetailInfo() {
-      var that = this;
-      this.detailInfo = {
-        content:
-          "<img src='http://oss.taihumed.com/other/null_20210528102528870.jpg' ></img> <img src='http://101.201.146.165:8088/curriculum/detailImg/curriculum_20170420143333621.png'  ></img><p><p>没有中医基础想学中医难不难？中医学者治疗出现瓶颈怎么办？中西医究竟有什么不同呢？吴雄志教授将以全新的视角，完美整合中药学和西医学知识，让你领略当代中医生理学魅力。</p><p><br/><p></p><p><br/></p><p>【思考题】</p><p>1、简述中医的发展这些年出现了哪些变化？</p><p>2、简述中西医学科的异同？</p>",
-      };
-
-      this.searchValue = "";
-      this.searchList = [];
-      this.showSearchList = false;
-
-      return data;
-    },
-    async setOneCateIndex(item, index) {
-      this.allDataList = [];
-      console.log(index, 99999);
-      var that = this;
-      this.currentStatusIndex = index;
-      this.searchValue = "";
-      this.searchList = [];
-      this.showSearchList = false;
-      this.$nextTick(async () => {
-        await that.getCourseDescriptionData();
-
+          })
+          .catch((e) => {
+            that.buyingFlag = false;
+            uni.hideLoading();
+          });
+      },
+      radioChange(index) {
+        this.selectPayIndex = index;
+        this.payType = this.payList[this.selectPayIndex].type;
         this.$forceUpdate();
-      });
-    },
-
-    transformData(inputData) {
-      const result = {};
-      inputData.forEach((item) => {
-        const { letter } = item;
-        if (!result[letter]) {
-          result[letter] = [];
+      },
+      handleValChange(e) {
+        console.log("e at line 424:", e);
+      },
+      buttonClick(e) {
+        console.log(e);
+        this.options[2].info++;
+      },
+  
+      hancleModalConfirm() {
+        var data = {
+          values: {
+            customerType: "D",
+            token: uni.getStorageSync("token"),
+            customerOid: uni.getStorageSync("customerOid"),
+            ...this.taiHuClassInfo,
+          },
+        };
+      },
+      fnRelearn(oid, days, courseFee) {
+        //99和199课程复读一个月60三个月120; 299和399课程复读一个月80三个月180
+        //499和599课程复读一个月90三个月220; 699和799课程复读一个月100三个月248
+        var feeAs = [
+          [60, 120],
+          [80, 180],
+          [90, 220],
+          [100, 248],
+        ];
+        var fee = 0;
+        if (courseFee < 206) {
+          fee = feeAs[0][days == 30 ? 0 : 1];
+        } else if (courseFee < 406) {
+          fee = feeAs[1][days == 30 ? 0 : 1];
+        } else if (courseFee < 606) {
+          fee = feeAs[2][days == 30 ? 0 : 1];
+        } else {
+          fee = feeAs[3][days == 30 ? 0 : 1];
         }
-        result[letter].push(item);
-      });
-      return result;
+        this.modalInfo = {
+          title: "提示信息",
+          content:
+            "用户您好，该课程已到期，通过支付" +
+            fee +
+            "元，本门课程可获得" +
+            days +
+            "天延期学习时间，点击确认即完成自动扣费，感谢配合！",
+        };
+  
+        this.taiHuClassInfo = {
+          taiHuClassOid: oid,
+          days: days,
+          fee: fee,
+        };
+        this.show = true;
+      },
+      async getCourseDescriptionData() {
+        var data = {};
+        var that = this;
+        console.log(this.$store.state, "11111111111");
+        this.$http
+          .post(this.urlList.list, {
+            customerType: "D",
+            token: uni.getStorageSync("token"),
+            customerOid: uni.getStorageSync("customerOid"),
+            oid: this.options.oid,
+          })
+          .then(async (res) => {
+            that.curriculumData = res.obj;
+  
+            if (
+              that.curriculumData.productImageList == null ||
+              that.curriculumData.productImageList == ""
+            ) {
+              this.swiperList.push(that.curriculumData.explainsImg);
+            } else {
+              that.swiperList = that.curriculumData.productImageList.split(",");
+            }
+  
+            that.dataList = res.obj.correlatedList;
+            await that.getDetailInfo();
+          });
+      },
+      getPriceData() {
+        var that = this;
+        setTimeout(() => {
+          that.$nextTick(() => {
+            that.$refs.priceDetail.getTotalPrice();
+          });
+        }, 100);
+      },
+      // 检查是有权限使用搜索功能
+      checkDisable() {
+        console.log("点击了");
+      },
+      // 获取用户详情
+      getUserInfo() {
+        // 用户详情
+        if (this.userInfo.id != undefined) {
+          this.$http.post("book/user/info/" + this.userInfo.id).then((res) => {
+            this.userMes = res.user;
+            this.getCateList();
+            console.log(this.userMes, "呼呼");
+          });
+        }
+      },
+  
+      async handleselectCate(item, index) {
+        this.dataList = [];
+        var data = [];
+        console.log(item, index, 99999);
+        var that = this;
+        this.$http
+          .post(this.urlList.curriculumInfo, {
+            customerType: "D",
+            token: uni.getStorageSync("token"),
+            customerOid: uni.getStorageSync("customerOid"),
+            oid: item.coid,
+          })
+          .then(async (res) => {
+            that.curriculumInfo = res.obj;
+            that.dataList = res.obj.courseList;
+          });
+        this.searchValue = "";
+        this.searchList = [];
+        this.showSearchList = false;
+        return data;
+      },
+      async getDetailInfo() {
+        var that = this;
+        this.detailInfo = {
+          content:
+            "<img src='http://oss.taihumed.com/other/null_20210528102528870.jpg' ></img> <img src='http://101.201.146.165:8088/curriculum/detailImg/curriculum_20170420143333621.png'  ></img><p><p>没有中医基础想学中医难不难？中医学者治疗出现瓶颈怎么办？中西医究竟有什么不同呢？吴雄志教授将以全新的视角，完美整合中药学和西医学知识，让你领略当代中医生理学魅力。</p><p><br/><p></p><p><br/></p><p>【思考题】</p><p>1、简述中医的发展这些年出现了哪些变化？</p><p>2、简述中西医学科的异同？</p>",
+        };
+  
+        this.searchValue = "";
+        this.searchList = [];
+        this.showSearchList = false;
+  
+        return data;
+      },
+      async setOneCateIndex(item, index) {
+        this.allDataList = [];
+        console.log(index, 99999);
+        var that = this;
+        this.currentStatusIndex = index;
+        this.searchValue = "";
+        this.searchList = [];
+        this.showSearchList = false;
+        this.$nextTick(async () => {
+          await that.getCourseDescriptionData();
+  
+          this.$forceUpdate();
+        });
+      },
+  
+      transformData(inputData) {
+        const result = {};
+        inputData.forEach((item) => {
+          const { letter } = item;
+          if (!result[letter]) {
+            result[letter] = [];
+          }
+          result[letter].push(item);
+        });
+        return result;
+      },
+      getCateList(id) {
+        id ? "" : (id = 0);
+        this.twoCateList = [];
+        this.curTwoCateIndex = 0;
+      },
     },
-    getCateList(id) {
-      id ? "" : (id = 0);
-      this.twoCateList = [];
-      this.curTwoCateIndex = 0;
+    onBackPress() {
+      // #ifdef APP-PLUS
+      plus.key.hideSoftKeybord();
+      // #endif
     },
-  },
-  onBackPress() {
-    // #ifdef APP-PLUS
-    plus.key.hideSoftKeybord();
-    // #endif
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "@/style/mixin.scss";
-
-.order_box {
-  padding: 20rpx;
-
-  .order_top {
-    background-color: #fff;
-    margin-bottom: 20rpx;
-  }
-
-  .goods_item {
-    //
-    width: 100%;
-    overflow: hidden;
-
-    .textarea {
-      margin-top: 20rpx;
-      background-color: #fffdfd;
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  @import "@/style/mixin.scss";
+  
+  .order_box {
+    padding: 20rpx;
+  
+    .order_top {
+      background-color: #fff;
+      margin-bottom: 20rpx;
     }
-
-    .normal_box {
-      width: calc(100% - 160rpx);
-      height: auto;
-      float: right;
-
-      // overflow: hidden;
-      .normal_box_top {
-        width: 100%;
-        display: flex;
-
-        height: 100rpx;
-        // margin-bottom: 40rpx;
+  
+    .goods_item {
+      //
+      width: 100%;
+      overflow: hidden;
+  
+      .textarea {
+        margin-top: 20rpx;
+        background-color: #fffdfd;
+      }
+  
+      .normal_box {
+        width: calc(100% - 160rpx);
+        height: auto;
+        float: right;
+  
+        // overflow: hidden;
+        .normal_box_top {
+          width: 100%;
+          display: flex;
+  
+          height: 100rpx;
+          // margin-bottom: 40rpx;
+        }
       }
     }
   }
-}
-
-.u-grid-list {
-  // height: 40rpx;
-}
-
-.flexbox {
-  display: flex;
-}
-
-.dataList {
-  height: 100%;
-}
-
-.titleList2 {
-  height: calc(100% - 150rpx);
-}
-
-.priceDetail {
-  height: calc(100% - 180rpx) !important;
-  padding: 0rpx 0;
-  box-sizing: border-box;
-}
-
-.componentPage {
-  height: calc(100% - 90rpx) !important;
-}
-
-.dateReminder {
-  width: 100%;
-  font-size: 24rpx;
-  text-align: right;
-  line-height: 40rpx;
-}
-
-.fdButtonBox {
-  border: 1rpx solid $themeColor;
-  background-color: $themeColor;
-  color: #fff;
-  // width: 100%;
-  float: right;
-  padding: 4rpx 14rpx;
-  font-size: 24rpx;
-  font-weight: 500;
-  line-height: 30rpx;
-  border-radius: 10rpx;
-  box-sizing: border-box;
-
-  // margin-top: 20rpx;
-  // display: flex;
-  // align-items: center;
-}
-
-.commonDetailPage {
-  font-size: 28rpx;
-  padding-bottom: 150rpx !important;
-}
-
-.goods_box {
-  background-color: #fff;
-  // margin-top: 20rpx;
-  // padding: 40rpx 30rpx;
-  box-sizing: border-box;
-  width: 100%;
-
-  .title {
-    color: #333;
-    font-weight: 600;
-    margin-bottom: 20rpx;
+  
+  .u-grid-list {
+    // height: 40rpx;
   }
-
-  .curriulum_title_box {
-    width: calc(100%) !important;
-    padding-bottom: 20rpx;
+  
+  .flexbox {
+    display: flex;
+  }
+  
+  .dataList {
+    height: 100%;
+  }
+  
+  .titleList2 {
+    height: calc(100% - 150rpx);
+  }
+  
+  .priceDetail {
+    height: calc(100% - 180rpx) !important;
+    padding: 0rpx 0;
+    box-sizing: border-box;
+  }
+  
+  .componentPage {
+    height: calc(100% - 90rpx) !important;
+  }
+  
+  .dateReminder {
+    width: 100%;
+    font-size: 24rpx;
+    text-align: right;
+    line-height: 40rpx;
+  }
+  
+  .fdButtonBox {
+    border: 1rpx solid $themeColor;
+    background-color: $themeColor;
+    color: #fff;
+    // width: 100%;
+    float: right;
+    padding: 4rpx 14rpx;
+    font-size: 24rpx;
+    font-weight: 500;
+    line-height: 30rpx;
+    border-radius: 10rpx;
+    box-sizing: border-box;
+  
+    // margin-top: 20rpx;
+    // display: flex;
+    // align-items: center;
+  }
+  
+  .commonDetailPage {
+    font-size: 28rpx;
+    padding-bottom: 150rpx !important;
+  }
+  
+  .goods_box {
     background-color: #fff;
-
-    .curriulum_title {
-      // width: calc(100% - 80rpx);
-      width: calc(100%);
-      font-weight: 500;
-      font-size: 30rpx;
-      // line-height: 40rpx;
-      //     display: flex;
-      // align-items: center;
-      margin-top: 10rpx;
-      float: left;
-      margin-bottom: 0rpx;
+    // margin-top: 20rpx;
+    // padding: 40rpx 30rpx;
+    box-sizing: border-box;
+    width: 100%;
+  
+    .title {
       color: #333;
-      // padding: 20rpx;
+      font-weight: 600;
+      margin-bottom: 20rpx;
+    }
+  
+    .curriulum_title_box {
+      width: calc(100%) !important;
+      padding-bottom: 20rpx;
+      background-color: #fff;
+  
+      .curriulum_title {
+        // width: calc(100% - 80rpx);
+        width: calc(100%);
+        font-weight: 500;
+        font-size: 30rpx;
+        // line-height: 40rpx;
+        //     display: flex;
+        // align-items: center;
+        margin-top: 10rpx;
+        float: left;
+        margin-bottom: 0rpx;
+        color: #333;
+        // padding: 20rpx;
+        box-sizing: border-box;
+      }
+    }
+  }
+  
+  .dataList {
+    background-color: #fff !important;
+    padding: 0 30rpx 40rpx !important;
+    box-sizing: border-box;
+  }
+  
+  /deep/.titleItem {
+    // width: calc(100% - 120rpx) !important;
+  }
+  
+  /deep/.scroll-view-item:nth-child(2n-1) {
+    background-color: transparent !important;
+  }
+  
+  .dataList {
+    height: auto !important;
+  }
+  
+  .related_courses_box {
+    background-color: #fff;
+  
+    .small_class_teaching_content {
+      padding: 10rpx 20rpx;
       box-sizing: border-box;
     }
   }
-}
-
-.dataList {
-  background-color: #fff !important;
-  padding: 0 30rpx 40rpx !important;
-  box-sizing: border-box;
-}
-
-/deep/.titleItem {
-  // width: calc(100% - 120rpx) !important;
-}
-
-/deep/.scroll-view-item:nth-child(2n-1) {
-  background-color: transparent !important;
-}
-
-.dataList {
-  height: auto !important;
-}
-
-.related_courses_box {
-  background-color: #fff;
-
-  .small_class_teaching_content {
-    padding: 10rpx 20rpx;
-    box-sizing: border-box;
-  }
-}
-
-.related_courses_name {
-  display: inline-block;
-  width: calc(100% - 150rpx) !important;
-
-  .aui-text-danger {
+  
+  .related_courses_name {
     display: inline-block;
-    float: right;
-  }
-}
-
-.original_price {
-  font-size: 28rpx !important;
-  font-weight: 500;
-  color: #999 !important;
-  white-space: nowrap;
-  text-decoration: line-through;
-  float: left;
-  margin-top: 6rpx;
-}
-
-.price {
-  width: auto;
-  font-size: 30rpx;
-  font-weight: 600;
-  float: right;
-  margin-right: 10rpx;
-  color: #333;
-  // font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
-}
-
-.price_box {
-  width: auto;
-  overflow: hidden;
-  margin-top: 10rpx;
-}
-
-.commonTags {
-  margin-right: 20rpx;
-  margin-top: -5rpx !important;
-}
-
-.sales_number {
-  text-decoration: none;
-  color: #b0b0b0;
-  font-weight: 500;
-}
-
-// .common_curriculum_list{
-
-// }
-/deep/.common_curriculum_list {
-  margin-top: 20rpx;
-  padding: 20rpx 20rpx 20rpx;
-
-  .content_item {
-    width: 100% !important;
-    margin-bottom: 0 !important;
-    padding: 15rpx 0 0rpx;
-    border-top: 1rpx solid #f1f0f0;
-    // height: 160rpx;
-
-    .book_image {
-      width: 60rpx !important;
-      height: 60rpx !important;
-      float: left !important;
-      background-color: #f5f5f5;
-    }
-
-    .common_curriculum_item {
-      width: calc(100% - 88rpx);
+    width: calc(100% - 150rpx) !important;
+  
+    .aui-text-danger {
+      display: inline-block;
       float: right;
-      display: block !important;
-
-      // overflow: hidden;
-
-      .related_courses_name {
-        width: 100% !important;
+    }
+  }
+  
+  .original_price {
+    font-size: 28rpx !important;
+    font-weight: 500;
+    color: #999 !important;
+    white-space: nowrap;
+    text-decoration: line-through;
+    float: left;
+    margin-top: 6rpx;
+  }
+  
+  .price {
+    width: auto;
+    font-size: 30rpx;
+    font-weight: 600;
+    float: right;
+    margin-right: 10rpx;
+    color: #333;
+    // font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+  }
+  
+  .price_box {
+    width: auto;
+    overflow: hidden;
+    margin-top: 10rpx;
+  }
+  
+  .commonTags {
+    margin-right: 20rpx;
+    margin-top: -5rpx !important;
+  }
+  
+  .sales_number {
+    text-decoration: none;
+    color: #b0b0b0;
+    font-weight: 500;
+  }
+  
+  // .common_curriculum_list{
+  
+  // }
+  /deep/.common_curriculum_list {
+    margin-top: 20rpx;
+    padding: 20rpx 20rpx 20rpx;
+  
+    .content_item {
+      width: 100% !important;
+      margin-bottom: 0 !important;
+      padding: 15rpx 0 0rpx;
+      border-top: 1rpx solid #f1f0f0;
+      // height: 160rpx;
+  
+      .book_image {
+        width: 60rpx !important;
+        height: 60rpx !important;
+        float: left !important;
+        background-color: #f5f5f5;
+      }
+  
+      .common_curriculum_item {
+        width: calc(100% - 88rpx);
+        float: right;
+        display: block !important;
+  
+        // overflow: hidden;
+  
+        .related_courses_name {
+          width: 100% !important;
+        }
       }
     }
-  }
-
-  .content_item:nth-child(1) {
-    border-top: none !important;
-  }
-}
-
-/deep/.common_section {
-  padding: 0 !important;
-  padding-bottom: 20rpx !important;
-}
-
-.goods_detail_list_title {
-  display: block;
-  padding-top: 20rpx;
-  padding-bottom: 40rpx;
-
-  .linlanzhifu {
-    display: flex;
-    align-items: center;
-  }
-
-  .other_info {
-    font-size: 28rpx;
-    // color: #aaa;
-    color: #5a5a5a;
-
-    .explain {
+  
+    .content_item:nth-child(1) {
+      border-top: none !important;
     }
   }
-
-  .left {
-    display: flex;
-    align-items: center;
+  
+  /deep/.common_section {
+    padding: 0 !important;
+    padding-bottom: 20rpx !important;
   }
-
-  .right {
-    font-size: 24rpx;
-    font-weight: 500 !important;
-    color: #999;
-    font-family: none;
-  }
-
-  // justify-content: space-between;
-}
-
-.commonPageContentBox {
-  height: auto !important;
-}
-
-.minus {
-  width: 50rpx;
-  height: 50rpx;
-  border-width: 2rpx;
-  border-color: #e6e6e6;
-  border-right-color: transparent;
-
-  border-top-left-radius: 10rpx;
-  border-bottom-left-radius: 10rpx;
-  border-style: solid;
-  // border-top-left-radius: 100px;
-  // border-top-right-radius: 100px;
-  // border-bottom-left-radius: 100px;
-  // border-bottom-right-radius: 100px;
-  // border-radius:10rpx;
-  @include flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.input {
-  padding: 0 10px;
-  height: 50rpx;
-  border: 1rpx solid #e6e6e6;
-}
-
-.plus {
-  width: 50rpx;
-  height: 50rpx;
-  border-width: 2rpx;
-  border-color: #e6e6e6;
-  border-left-color: transparent;
-  border-style: solid;
-  // background-color: #258feb;
-
-  border-top-right-radius: 10rpx;
-  border-bottom-right-radius: 10rpx;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  justify-content: center;
-  align-items: center;
-  color: $themeColor;
-}
-
-.order_bottom_box {
-  position: absolute;
-  right: 20rpx;
-
-  .number {
-    font-size: 28rpx;
-    margin-right: 15rpx;
-    margin-top: 5rpx;
-  }
-
-  .price {
-    .total {
-      font-size: 30rpx;
-      color: red;
-    }
-  }
-}
-
-/deep/.goods_nav_box {
-  .left {
-    margin-top: -10rpx;
-    width: calc(100% - 220rpx);
-    height: auto;
-    position: relative;
-    // overflow: hidden;
-  }
-}
-
-.explain {
-  word-wrap: break-word;
-  word-break: normal;
-  word-break: break-all; //会断词
-  // white-space: nowrap;
-}
-
-.order_bottom_box {
-  display: flex;
-  align-items: center;
-}
-
-.pay_box {
-  .pay_item {
-    border-bottom: 1rpx solid #eeecec;
+  
+  .goods_detail_list_title {
+    display: block;
     padding-top: 20rpx;
-    justify-content: space-between;
-
-    .top {
-      width: 100%;
+    padding-bottom: 40rpx;
+  
+    .linlanzhifu {
       display: flex;
       align-items: center;
-      justify-content: space-between;
     }
-
-    .left {
-      line-height: 50rpx;
-      font-family: MicrosoftYaHei;
-      font-weight: 500;
-
-      color: #242323;
-
-      .pay_item_img {
-        width: 50rpx;
-        height: 50rpx;
-        float: left;
-        margin-right: 20rpx;
+  
+    .other_info {
+      font-size: 28rpx;
+      // color: #aaa;
+      color: #5a5a5a;
+  
+      .explain {
       }
     }
-
-    .bottom {
-      width: calc(100% - 60rpx);
-      float: right;
-      // background-color: #dcdfe6;
-      background-color: #f5f5f5;
-      border-radius: 20rpx;
-      margin-top: 20rpx;
-
-      .jf_box {
+  
+    .left {
+      display: flex;
+      align-items: center;
+    }
+  
+    .right {
+      font-size: 24rpx;
+      font-weight: 500 !important;
+      color: #999;
+      font-family: none;
+    }
+  
+    // justify-content: space-between;
+  }
+  
+  .commonPageContentBox {
+    height: auto !important;
+  }
+  
+  .minus {
+    width: 50rpx;
+    height: 50rpx;
+    border-width: 2rpx;
+    border-color: #e6e6e6;
+    border-right-color: transparent;
+  
+    border-top-left-radius: 10rpx;
+    border-bottom-left-radius: 10rpx;
+    border-style: solid;
+    // border-top-left-radius: 100px;
+    // border-top-right-radius: 100px;
+    // border-bottom-left-radius: 100px;
+    // border-bottom-right-radius: 100px;
+    // border-radius:10rpx;
+    @include flex;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  .input {
+    padding: 0 10px;
+    height: 50rpx;
+    border: 1rpx solid #e6e6e6;
+  }
+  
+  .plus {
+    width: 50rpx;
+    height: 50rpx;
+    border-width: 2rpx;
+    border-color: #e6e6e6;
+    border-left-color: transparent;
+    border-style: solid;
+    // background-color: #258feb;
+  
+    border-top-right-radius: 10rpx;
+    border-bottom-right-radius: 10rpx;
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    justify-content: center;
+    align-items: center;
+    color: $themeColor;
+  }
+  
+  .order_bottom_box {
+    position: absolute;
+    right: 20rpx;
+  
+    .number {
+      font-size: 28rpx;
+      margin-right: 15rpx;
+      margin-top: 5rpx;
+    }
+  
+    .price {
+      .total {
+        font-size: 30rpx;
+        color: red;
+      }
+    }
+  }
+  
+  /deep/.goods_nav_box {
+    .left {
+      margin-top: -10rpx;
+      width: calc(100% - 220rpx);
+      height: auto;
+      position: relative;
+      // overflow: hidden;
+    }
+  }
+  
+  .explain {
+    word-wrap: break-word;
+    word-break: normal;
+    word-break: break-all; //会断词
+    // white-space: nowrap;
+  }
+  
+  .order_bottom_box {
+    display: flex;
+    align-items: center;
+  }
+  
+  .pay_box {
+    .pay_item {
+      border-bottom: 1rpx solid #eeecec;
+      padding-top: 20rpx;
+      justify-content: space-between;
+  
+      .top {
         width: 100%;
         display: flex;
         align-items: center;
-        padding: 0 20rpx;
-        box-sizing: border-box;
         justify-content: space-between;
-        color: #aaa;
       }
-
-      .jf_input {
-        width: calc(100% - 320rpx) !important;
-        padding: 10rpx 0;
-        box-sizing: border-box;
+  
+      .left {
+        line-height: 50rpx;
+        font-family: MicrosoftYaHei;
+        font-weight: 500;
+  
+        color: #242323;
+  
+        .pay_item_img {
+          width: 50rpx;
+          height: 50rpx;
+          float: left;
+          margin-right: 20rpx;
+        }
+      }
+  
+      .bottom {
+        width: calc(100% - 60rpx);
+        float: right;
+        // background-color: #dcdfe6;
+        background-color: #f5f5f5;
+        border-radius: 20rpx;
+        margin-top: 20rpx;
+  
+        .jf_box {
+          width: 100%;
+          display: flex;
+          align-items: center;
+          padding: 0 20rpx;
+          box-sizing: border-box;
+          justify-content: space-between;
+          color: #aaa;
+        }
+  
+        .jf_input {
+          width: calc(100% - 320rpx) !important;
+          padding: 10rpx 0;
+          box-sizing: border-box;
+        }
       }
     }
+  
+    /deep/.pay_item:nth-last-child(1) {
+      border-bottom: none !important;
+    }
   }
-
-  /deep/.pay_item:nth-last-child(1) {
-    border-bottom: none !important;
+  
+  .linlanzhifu {
+    font-size: 28rpx;
+    line-height: 24rpx;
   }
-}
-
-.linlanzhifu {
-  font-size: 28rpx;
-  line-height: 24rpx;
-}
-
-.address_box {
-  // padding: 20rpx;
-  display: flex;
-  align-items: center;
-
-  .order_top {
-    background-color: #fff;
-    // margin-bottom: 20rpx;
-  }
-
-  .user_info {
-    width: 100%;
-    float: left;
+  
+  .address_box {
+    // padding: 20rpx;
     display: flex;
-    margin-top: 10rpx;
     align-items: center;
-
-    .name {
-      color: #838282;
+  
+    .order_top {
+      background-color: #fff;
+      // margin-bottom: 20rpx;
+    }
+  
+    .user_info {
+      width: 100%;
+      float: left;
+      display: flex;
+      margin-top: 10rpx;
+      align-items: center;
+  
+      .name {
+        color: #838282;
+        margin-right: 10rpx;
+      }
+  
+      .tel {
+        color: #838282;
+      }
+    }
+  
+    .curriulum_title {
+      width: auto;
+      font-size: 34rpx;
+      font-weight: 700;
+      float: left;
       margin-right: 10rpx;
+      color: #333;
+      line-height: 50rpx;
+      letter-spacing: 2rpx;
     }
-
-    .tel {
-      color: #838282;
+  
+    .normal_box {
+      margin-left: 5rpx;
+      width: calc(100% - 120rpx);
+    }
+  
+    .goods_box {
+      padding: 20rpx 20rpx;
+      display: flex;
+      align-items: center;
+    }
+  
+    .rightArrow {
+      margin-left: 40rpx;
+      width: 40rpx;
+      height: 40rpx;
+      // position: absolute;
+      // right: 30rpx;
     }
   }
-
-  .curriulum_title {
-    width: auto;
-    font-size: 34rpx;
-    font-weight: 700;
-    float: left;
-    margin-right: 10rpx;
-    color: #333;
-    line-height: 50rpx;
-    letter-spacing: 2rpx;
-  }
-
-  .normal_box {
-    margin-left: 5rpx;
-    width: calc(100% - 120rpx);
-  }
-
-  .goods_box {
-    padding: 20rpx 20rpx;
-    display: flex;
-    align-items: center;
-  }
-
+  
   .rightArrow {
-    margin-left: 40rpx;
     width: 40rpx;
     height: 40rpx;
     // position: absolute;
     // right: 30rpx;
   }
-}
-
-.rightArrow {
-  width: 40rpx;
-  height: 40rpx;
-  // position: absolute;
-  // right: 30rpx;
-}
-
-.orderModalShow {
-  width: 100%;
-  max-height: 48vh;
-  padding-bottom: 120rpx;
-}
-
-.popup_box {
-  .curriulum_title_box {
-    .title {
-      text-align: center;
-      font-size: 34rpx !important;
-      padding-top: 15rpx !important;
-      margin-bottom: 60rpx !important;
+  
+  .orderModalShow {
+    width: 100%;
+    max-height: 48vh;
+    padding-bottom: 120rpx;
+  }
+  
+  .popup_box {
+    padding: 20rpx;
+    box-sizing: border-box;
+    .curriulum_title_box {
+      .title {
+        text-align: center;
+        font-size: 34rpx !important;
+        padding-top: 15rpx !important;
+        margin-bottom: 60rpx !important;
+      }
     }
   }
-}
-
-.hasRemark {
-  color: #333 !important;
-  font-size: 40rpx !important;
-}
-
-.bgGrey {
-  // background-color: #f5f5f5;
-}
-
-.minus {
-  width: 22px;
-  height: 22px;
-  border-width: 1px;
-  border-color: #e6e6e6;
-  border-style: solid;
-  border-top-left-radius: 100px;
-  border-top-right-radius: 100px;
-  border-bottom-left-radius: 100px;
-  border-bottom-right-radius: 100px;
-  @include flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.input {
-  padding: 0 10px;
-}
-
-.plus {
-  width: 22px;
-  height: 22px;
-  background-color: #ff0000;
-  border-radius: 50%;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  justify-content: center;
-  align-items: center;
-}
-</style>
+  
+  .hasRemark {
+    color: #333 !important;
+    font-size: 40rpx !important;
+  }
+  
+  .bgGrey {
+    // background-color: #f5f5f5;
+  }
+  
+  .minus {
+    width: 22px;
+    height: 22px;
+    border-width: 1px;
+    border-color: #e6e6e6;
+    border-style: solid;
+    border-top-left-radius: 100px;
+    border-top-right-radius: 100px;
+    border-bottom-left-radius: 100px;
+    border-bottom-right-radius: 100px;
+    @include flex;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  .input {
+    padding: 0 10px;
+  }
+  
+  .plus {
+    width: 22px;
+    height: 22px;
+    background-color: #ff0000;
+    border-radius: 50%;
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    justify-content: center;
+    align-items: center;
+  }
+  .agree_wo {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    color: #aaa;
+    line-height: 30rpx;
+    font-size: 28rpx;
+    padding: 10rpx 10rpx 20rpx 0;
+  }
+  .agreeRadio {
+    zoom: 0.8;
+  }
+  .agree {
+    width: auto !important;
+  }
+  .highlight {
+    color: $uni-color-primary;
+  }
+  .tanchu {
+    padding: 40rpx 30rpx 40rpx 30rpx;
+    position: relative;
+  
+    .dp_title {
+      font-size: 32rpx;
+      margin-bottom: 50rpx;
+      color: #555;
+      text-align: center;
+      font-weight: bold;
+    }
+  }
+  .themeColor {
+    color: $themeColor;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/pages/goods/order/index.vue b/pages/goods/order/index.vue
index 5266509..4c97963 100644
--- a/pages/goods/order/index.vue
+++ b/pages/goods/order/index.vue
@@ -7,6 +7,7 @@
     <common-order-submit
       v-if="showOrder"
       :options="options"
+     
       :urlList="urlList"
       :initData="initData"
       :priceKey="priceKey"
@@ -198,7 +199,7 @@ export default {
           .request({
             url: `${this.urlList.userInfo}`,
             method: "POST",
-            data,
+            data:{},
             header: {
               "Content-Type": "application/json",
             },
@@ -260,15 +261,18 @@ export default {
       for (const item of data) {
         // Check if vcbList exists and loop through each item in vcbList
         if (item.vcbList) {
+          this.isHideJf=true
           const vcbItem = item.vcbList.find((vcb) => vcb.id === id);
           if (vcbItem) {
-            return vcbItem; // Return the matching item
+            return {...vcbItem,}; // Return the matching item
           }
         }
         if (item.yanqiList) {
+          this.isHideJf=false
           const vcbItem = item.yanqiList.find((vcb) => vcb.id === id);
           if (vcbItem) {
-            return vcbItem; // Return the matching item
+            
+            return {...vcbItem,}; // Return the matching item
           }
         }
       }
@@ -291,6 +295,7 @@ export default {
           this.goodsDataList = res.productList.filter(
             (e) => this.options.goods[0].productName == e.productName
           );
+         
         });
     },
 
@@ -307,6 +312,9 @@ export default {
         .then(async (res) => {
           console.log("res at line 846:", res);
           var data = await this.findById(this.options.goods[0].id, res.res);
+          if(this.isHideJf){
+            this.initData.user.jf=0;
+          }
           console.log("data at line 200:", data);
           this.goodsDataList = [
             {