From 99ae8981393c8d2020f2177aa786e62027f3a581 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?lemon=E6=A9=AA?= <17633066053@163.com>
Date: Thu, 17 Jun 2021 15:24:34 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E8=A7=A3=E5=86=B3pc=E7=AB=AF=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E4=B8=AD=E5=BF=83=E8=B7=B3=E8=BD=AC=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 buyer/src/components/header/Header.vue | 171 ++++++++++---------------
 buyer/src/pages/Cart.vue               | 165 +++++++++++++-----------
 2 files changed, 159 insertions(+), 177 deletions(-)

diff --git a/buyer/src/components/header/Header.vue b/buyer/src/components/header/Header.vue
index 0c621781..efc10cba 100644
--- a/buyer/src/components/header/Header.vue
+++ b/buyer/src/components/header/Header.vue
@@ -2,26 +2,10 @@
   <div class="box">
     <div class="nav">
       <ul class="location">
-        <li><router-link to="/" v-if="$route.path !== '/'" class="home-page" ><Icon type="md-home" />首页</router-link></li>
         <li>
-          <Dropdown placement="bottom-start">
-            <a href="javascript:void(0)">
-              <Icon type="ios-pin" class="icon"></Icon>
-              {{ city }}
-            </a>
-            <DropdownMenu slot="list">
-              <div class="city">
-                <p v-for="(items, index) in cityArr" :key="index">
-                  <span
-                    v-for="(item, index) in items"
-                    class="city-item"
-                    :key="index"
-                    @click="changeCity(item)"
-                    >{{ item }}</span>
-                </p>
-              </div>
-            </DropdownMenu>
-          </Dropdown>
+          <router-link to="/" v-if="$route.path !== '/'" class="home-page">
+            <Icon type="md-home" />首页
+          </router-link>
         </li>
       </ul>
       <ul class="detail">
@@ -53,19 +37,15 @@
         </li>
         <li class="hover-color" @click="goUserCenter('/home/MyOrder')"><span class="nav-item">我的订单</span></li>
         <li class="hover-color" @click="goUserCenter('/home/MyTracks')"><span class="nav-item">我的足迹</span></li>
-        <li v-if="$route.name !== 'Cart'" style="position:relative;" >
+        <li v-if="$route.name !== 'Cart'" style="position:relative;">
           <i class="cart-badge" v-show="Number(cartNum)">{{cartNum < 100 ? cartNum : '99'}}</i>
           <Dropdown placement="bottom-start">
-            <router-link to="cart" target="_blank" >
+            <router-link to="/cart" target="_blank">
               <span @mouseenter="getCartList">
-                <Icon
-                  size="18"
-                  class="cart-icon"
-                  type="ios-cart-outline"
-                ></Icon>
+                <Icon size="18" class="cart-icon" type="ios-cart-outline"></Icon>
                 购物车
               </span>
-              
+
             </router-link>
 
             <DropdownMenu slot="list">
@@ -75,12 +55,7 @@
                 <span>赶快去添加商品吧~</span>
               </div>
               <div class="shopping-cart-list" v-show="shoppingCart.length > 0">
-                <div
-                  class="shopping-cart-box"
-                  v-for="(item, index) in shoppingCart"
-                  @click="goToPay"
-                  :key="index"
-                >
+                <div class="shopping-cart-box" v-for="(item, index) in shoppingCart" @click="goToPay" :key="index">
                   <div class="shopping-cart-img">
                     <img :src="item.goodsSku.thumbnail" class="hover-pointer" />
                   </div>
@@ -117,112 +92,107 @@
 </template>
 
 <script>
-import storage from '@/plugins/storage.js';
-import {cartGoodsAll} from '@/api/cart.js'
+import storage from "@/plugins/storage.js";
+import { cartGoodsAll } from "@/api/cart.js";
 export default {
-  name: 'M-Header',
-  created () {
-    if (storage.getItem('userInfo')) {
-      this.userInfo = JSON.parse(storage.getItem('userInfo'));
+  name: "M-Header",
+  created() {
+    if (storage.getItem("userInfo")) {
+      this.userInfo = JSON.parse(storage.getItem("userInfo"));
     }
   },
 
-  data () {
+  data() {
     return {
       // 主题颜色切换
-      themeType: 'light',
-      city: '珠海', // 展示城市
-      cityArr: [
-        ['北京', '上海', '天津', '重庆', '广州'],
-        ['深圳', '河南', '辽宁', '吉林', '江苏'],
-        ['江西', '四川', '海南', '贵州', '云南'],
-        ['西藏', '陕西', '甘肃', '青海', '珠海']
-      ],
+      themeType: "light",
       userInfo: {}, // 用户信息
-      shoppingCart: [] // 购物车
+      shoppingCart: [], // 购物车
     };
   },
   computed: {
-    cartNum () {
-      return this.$store.state.cartNum
-    }
+    cartNum() {
+      return this.$store.state.cartNum;
+    },
   },
   methods: {
-    handleClickTheme () {
-      this.themeType === 'light'
-        ? (this.themeType = 'dark')
-        : (this.themeType = 'light');
+    handleClickTheme() {
+      this.themeType === "light"
+        ? (this.themeType = "dark")
+        : (this.themeType = "light");
       window.document.documentElement.setAttribute(
-        'data-theme',
+        "data-theme",
         this.themeType
       );
     },
-    changeCity (city) {
+    changeCity(city) {
       this.city = city;
     },
-    goToPay () {
+    goToPay() {
       let url = this.$router.resolve({
-        path: '/cart'
-      })
-      window.open(url.href, '_blank')
+        path: "/cart",
+      });
+      window.open(url.href, "_blank");
     },
-    myInfo () {
+    myInfo() {
       let url = this.$router.resolve({
-        path: '/home'
-      })
-      window.open(url.href, '_blank')
+        path: "/home",
+      });
+      window.open(url.href, "_blank");
     },
-    signOutFun () {
-      storage.removeItem('accessToken');
-      storage.removeItem('refreshToken');
-      storage.removeItem('userInfo');
-      storage.removeItem('cartNum');
-      this.$store.commit('SET_CARTNUM', 0)
-      this.$router.push('/login');
+    signOutFun() {
+      storage.removeItem("accessToken");
+      storage.removeItem("refreshToken");
+      storage.removeItem("userInfo");
+      storage.removeItem("cartNum");
+      this.$store.commit("SET_CARTNUM", 0);
+      this.$router.push("/login");
     },
-    goUserCenter (path) { // 跳转我的订单，我的足迹
+    goUserCenter(path) {
+      // 跳转我的订单，我的足迹
       if (this.userInfo.username) {
-        this.$router.push({path: path})
+        this.$router.push({ path: path });
       } else {
         this.$Modal.confirm({
-          title: '请登录',
-          content: '<p>请登录后执行此操作</p>',
-          okText: '立即登录',
-          cancelText: '继续浏览',
+          title: "请登录",
+          content: "<p>请登录后执行此操作</p>",
+          okText: "立即登录",
+          cancelText: "继续浏览",
           onOk: () => {
             this.$router.push({
-              path: '/login',
+              path: "/login",
               query: {
                 rePath: this.$router.history.current.path,
-                query: JSON.stringify(this.$router.history.current.query)
-              }
+                query: JSON.stringify(this.$router.history.current.query),
+              },
             });
-          }
+          },
         });
       }
     },
-    shopEntry () { // 店铺入驻
-      if (storage.getItem('accessToken')) {
+    shopEntry() {
+      // 店铺入驻
+      if (storage.getItem("accessToken")) {
         let routeUrl = this.$router.resolve({
-          path: '/shopEntry',
-          query: {id: 1}
+          path: "/shopEntry",
+          query: { id: 1 },
         });
-        window.open(routeUrl.href, '_blank');
+        window.open(routeUrl.href, "_blank");
       } else {
-        this.$router.push('login');
+        this.$router.push("login");
       }
     },
-    getCartList () { // 获取购物车列表
+    getCartList() {
+      // 获取购物车列表
       if (this.userInfo.username) {
-          
-        cartGoodsAll().then(res => {
-          this.shoppingCart = res.result.skuList
-          this.$store.commit('SET_CARTNUM', this.shoppingCart.length)
-          this.Cookies.setItem('cartNum', this.shoppingCart.length)
-        })
+        cartGoodsAll().then((res) => {
+          this.shoppingCart = res.result.skuList;
+          this.$store.commit("SET_CARTNUM", this.shoppingCart.length);
+          this.Cookies.setItem("cartNum", this.shoppingCart.length);
+        });
       }
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -263,7 +233,8 @@ export default {
   margin-right: 15px;
   font-weight: bold;
 }
-.nav a,.nav-item {
+.nav a,
+.nav-item {
   text-decoration: none;
   padding-left: 15px;
   border-left: 1px solid #ccc;
@@ -406,7 +377,7 @@ export default {
 .sign-out p {
   font-size: 12px;
 }
-.cart-icon{
+.cart-icon {
   padding: 0 6px;
 }
 .goods-title:hover {
diff --git a/buyer/src/pages/Cart.vue b/buyer/src/pages/Cart.vue
index fc7c3f0c..3f860097 100644
--- a/buyer/src/pages/Cart.vue
+++ b/buyer/src/pages/Cart.vue
@@ -59,7 +59,7 @@
             <div class="promotion-notice">{{shop.promotionNotice}}</div>
           </div>
           <template v-for="(goods, goodsIndex) in shop.skuList">
-            <div class="goods-item"  :key="goodsIndex">
+            <div class="goods-item" :key="goodsIndex">
               <div class="width_60">
                 <Checkbox v-model="goods.checked" @on-change="changeChecked(goods.checked, 'goods', goods.goodsSku.id)"></Checkbox>
               </div>
@@ -93,7 +93,7 @@
               </div>
               <div class="error-goods" v-if="goods.errorMessage">
                 <div>{{goods.errorMessage}}</div>
-                <Button type="primary"  @click="delGoods(goods.goodsSku.id)">删除</Button>
+                <Button type="primary" @click="delGoods(goods.goodsSku.id)">删除</Button>
               </div>
             </div>
 
@@ -117,7 +117,7 @@
               已节省<span>{{ priceDetailDTO.discountPrice | unitPrice("￥") }}</span>
             </div>
             <div class="ml_20 total-price">
-              总价（不含运费）:<span>{{ priceDetailDTO.billPrice | unitPrice("￥") }}</span>
+              总价（不含运费）:<div>{{ priceDetailDTO.billPrice | unitPrice("￥") }}</div>
             </div>
             <div class="pay ml_20" @click="pay">去结算</div>
           </div>
@@ -136,26 +136,26 @@
 </template>
 
 <script>
-import Promotion from '@/components/goodsDetail/Promotion'
-import Search from '@/components/Search';
-import ShowLikeGoods from '@/components/like';
-import * as APICart from '@/api/cart';
-import * as APIMember from '@/api/member';
-import {getLogo} from '@/api/common.js'
+import Promotion from "@/components/goodsDetail/Promotion";
+import Search from "@/components/Search";
+import ShowLikeGoods from "@/components/like";
+import * as APICart from "@/api/cart";
+import * as APIMember from "@/api/member";
+import { getLogo } from "@/api/common.js";
 export default {
-  name: 'Cart',
-  beforeRouteEnter (to, from, next) {
+  name: "Cart",
+  beforeRouteEnter(to, from, next) {
     window.scrollTo(0, 0);
     next();
   },
   components: {
     Search,
     ShowLikeGoods,
-    Promotion
+    Promotion,
   },
-  data () {
+  data() {
     return {
-      logoImg: '', // logo图
+      logoImg: "", // logo图
       couponAvailable: false, // 展示优惠券
       stepIndex: 0, // 当前处于哪一步，购物车==0，填写订单信息==1，成功提交订单==2
       goodsTotal: 1, // 商品数量
@@ -165,45 +165,45 @@ export default {
       cartList: [], // 购物车列表
       couponList: [], // 优惠券列表
       priceDetailDTO: {}, // 价格明细
-      skuList: [] // sku列表
+      skuList: [], // sku列表
     };
   },
   computed: {},
   methods: {
     // 跳转商品详情
-    goGoodsDetail (skuId, goodsId) {
+    goGoodsDetail(skuId, goodsId) {
       let routeUrl = this.$router.resolve({
-        path: '/goodsDetail',
-        query: { skuId, goodsId }
+        path: "/goodsDetail",
+        query: { skuId, goodsId },
       });
-      window.open(routeUrl.href, '_blank');
+      window.open(routeUrl.href, "_blank");
     },
     // 跳转店铺首页
-    goShopPage (id) {
+    goShopPage(id) {
       let routeUrl = this.$router.resolve({
-        path: '/Merchant',
-        query: { id }
+        path: "/Merchant",
+        query: { id },
       });
-      window.open(routeUrl.href, '_blank');
+      window.open(routeUrl.href, "_blank");
     },
     // 收藏商品
-    collectGoods (id) {
+    collectGoods(id) {
       this.$Modal.confirm({
-        title: '收藏',
-        content: '<p>商品收藏后可在个人中心我的收藏查看</p>',
+        title: "收藏",
+        content: "<p>商品收藏后可在个人中心我的收藏查看</p>",
         onOk: () => {
-          APIMember.collectGoods('GOODS', id).then((res) => {
+          APIMember.collectGoods("GOODS", id).then((res) => {
             if (res.success) {
-              this.$Message.success('收藏商品成功');
+              this.$Message.success("收藏商品成功");
               this.getCartList();
             }
           });
         },
-        onCancel: () => { }
+        onCancel: () => {},
       });
     },
     // 删除商品
-    delGoods (id) {
+    delGoods(id) {
       const idArr = [];
       if (!id) {
         const list = this.cartList;
@@ -216,49 +216,50 @@ export default {
         idArr.push(id);
       }
       this.$Modal.confirm({
-        title: '删除',
-        content: '<p>确定要删除该商品吗？</p>',
+        title: "删除",
+        content: "<p>确定要删除该商品吗？</p>",
         onOk: () => {
           APICart.delCartGoods({ skuIds: idArr.toString() }).then((res) => {
             if (res.success) {
-              this.$Message.success('删除成功');
+              this.$Message.success("删除成功");
               this.getCartList();
             } else {
               this.$Message.error(res.message);
             }
           });
-        }
+        },
       });
     },
-    clearCart () { // 清空购物车
+    clearCart() {
+      // 清空购物车
       this.$Modal.confirm({
-        title: '提示',
-        content: '<p>确定要清空购物车吗？清空后不可恢复</p>',
+        title: "提示",
+        content: "<p>确定要清空购物车吗？清空后不可恢复</p>",
         onOk: () => {
           APICart.clearCart().then((res) => {
             if (res.success) {
-              this.$Message.success('清空购物车成功');
+              this.$Message.success("清空购物车成功");
               this.getCartList();
             } else {
               this.$Message.error(res.message);
             }
           });
-        }
+        },
       });
     },
     // 跳转支付页面
-    pay () {
+    pay() {
       if (this.checkedNum) {
-        this.$router.push({ path: '/pay', query: { way: 'CART' } });
+        this.$router.push({ path: "/pay", query: { way: "CART" } });
       } else {
-        this.$Message.warning('请至少选择一件商品');
+        this.$Message.warning("请至少选择一件商品");
       }
     },
     // 展示优惠券
-    showCoupon (storeId, index) {
+    showCoupon(storeId, index) {
       this.couponAvailable = index;
     },
-    changeNum (val, id) {
+    changeNum(val, id) {
       // 设置购买数量
       console.log(val, id);
       APICart.setCartGoodsNum({ skuId: id, num: val }).then((res) => {
@@ -268,13 +269,13 @@ export default {
         }
       });
     },
-    async changeChecked (status, type, id) {
+    async changeChecked(status, type, id) {
       // 设置商品选中状态
       const check = status ? 1 : 0;
-      if (type === 'all') {
+      if (type === "all") {
         // 全选
         await APICart.setCheckedAll({ checked: check });
-      } else if (type === 'shop') {
+      } else if (type === "shop") {
         // 选中店铺所有商品
         await APICart.setCheckedSeller({ checked: check, storeId: id });
       } else {
@@ -285,16 +286,17 @@ export default {
       this.getCartList();
     },
 
-    async receiveShopCoupon (item) { // 领取优惠券
-      let res = await APIMember.receiveCoupon(item.id)
+    async receiveShopCoupon(item) {
+      // 领取优惠券
+      let res = await APIMember.receiveCoupon(item.id);
       if (res.success) {
-        this.$set(item, 'disabled', true)
-        this.$Message.success('领取成功')
+        this.$set(item, "disabled", true);
+        this.$Message.success("领取成功");
       } else {
-        this.$Message.error(res.message)
+        this.$Message.error(res.message);
       }
     },
-    async getCartList () {
+    async getCartList() {
       // 购物车列表
       this.loading = true;
       try {
@@ -307,9 +309,9 @@ export default {
           this.checkedNum = 0;
           let allChecked = true;
           for (let k = 0; k < this.cartList.length; k++) {
-            let shop = this.cartList[k]
-            let list = await APIMember.couponList({storeId: shop.storeId})
-            shop.couponList.push(...list.result.records)
+            let shop = this.cartList[k];
+            let list = await APIMember.couponList({ storeId: shop.storeId });
+            shop.couponList.push(...list.result.records);
           }
           for (let i = 0; i < this.skuList.length; i++) {
             if (this.skuList[i].checked) {
@@ -318,30 +320,31 @@ export default {
               allChecked = false;
             }
           }
-          this.$forceUpdate()
+          this.$forceUpdate();
           this.allChecked = allChecked;
         }
       } catch (error) {
         this.loading = false;
       }
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.getCartList();
-    APICart.cartCount().then(res => { // 购物车商品数量
+    APICart.cartCount().then((res) => {
+      // 购物车商品数量
       if (res.success) this.goodsTotal = res.result;
     });
-    if (!this.Cookies.getItem('logo')) {
-      getLogo().then(res => {
+    if (!this.Cookies.getItem("logo")) {
+      getLogo().then((res) => {
         if (res.success) {
-          let logoObj = JSON.parse(res.result.settingValue)
-          this.Cookies.setItem('logo', logoObj.buyerSideLogo)
+          let logoObj = JSON.parse(res.result.settingValue);
+          this.Cookies.setItem("logo", logoObj.buyerSideLogo);
         }
-      })
+      });
     } else {
-      this.logoImg = this.Cookies.getItem('logo')
+      this.logoImg = this.Cookies.getItem("logo");
     }
-  }
+  },
 };
 </script>
 
@@ -544,7 +547,7 @@ export default {
           width: 70px;
           height: 70px;
         }
-        >div>p {
+        > div > p {
           @include content_color($light_content_color);
           font-size: 13px;
           text-align: left;
@@ -567,12 +570,12 @@ export default {
         }
       }
     }
-    .error-goods{
+    .error-goods {
       position: absolute;
       width: 100%;
       height: 100%;
       margin-left: -20px;
-      background-color: rgba($color: #999, $alpha: .5);
+      background-color: rgba($color: #999, $alpha: 0.5);
       z-index: 10;
       display: flex;
       align-items: center;
@@ -603,7 +606,7 @@ export default {
     .save-price span {
       color: #000;
     }
-    .total-price span {
+    .total-price div {
       color: $theme_color;
       font-size: 20px;
     }
@@ -651,23 +654,31 @@ export default {
   display: flex;
   margin-top: 5px;
   margin-left: 5px;
-  >span{
+  > span {
     border: 1px solid $theme_color;
     color: $theme_color;
     font-size: 12px;
     border-radius: 2px;
     padding: 0 2px;
   }
-  >p{
+  > p {
     font-size: 12px;
     margin-left: 10px;
     color: #999;
   }
 }
-
+.cart-goods-footer > div{
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.total-price{
+  display: flex;
+  align-items: center;
+}
 </style>
 <style>
-  .ivu-input-number-input {
-    text-align: center;
-  }
+.ivu-input-number-input {
+  text-align: center;
+}
 </style>

From 336643419e79d4908b47239f8239ee4c86339f69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?lemon=E6=A9=AA?= <17633066053@163.com>
Date: Fri, 18 Jun 2021 14:52:40 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E5=95=86=E5=93=81?=
 =?UTF-8?q?=E5=88=86=E7=B1=BB=E4=B8=8D=E5=90=8C=E6=AD=A5=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=EF=BC=8C=E8=A7=A3=E5=86=B3pc=E7=AB=AF?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8F=91=E7=A5=A8=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 buyer/src/components/invoiceModal/index.vue   |  195 ++-
 buyer/src/pages/payment/Pay.vue               | 1266 +++++++++--------
 manager/src/api/goods.js                      |    7 +
 manager/src/config/index.js                   |   13 +-
 .../src/views/goods/goods-manage/brand.vue    |  697 +++++----
 .../src/views/goods/goods-manage/category.vue |   83 +-
 6 files changed, 1130 insertions(+), 1131 deletions(-)

diff --git a/buyer/src/components/invoiceModal/index.vue b/buyer/src/components/invoiceModal/index.vue
index e332635b..a746f5e7 100644
--- a/buyer/src/components/invoiceModal/index.vue
+++ b/buyer/src/components/invoiceModal/index.vue
@@ -11,42 +11,37 @@
             </div> -->
       <!-- 普通发票 -->
       <div class="nav-content">
-        <Form
-          :model="invoiceForm"
-          ref="form"
-          label-position="left"
-          :rules="ruleInline"
-          :label-width="110"
-        >
+        <Form :model="invoiceForm" ref="form" label-position="left" :rules="ruleInline" :label-width="110">
           <FormItem label="发票类型">
-            <RadioGroup v-model="invoiceForm.type" type="button" button-style="solid">
+            <RadioGroup v-model="invoice" type="button" button-style="solid">
+              <Radio @on-change="changeInvoice" :label="1">电子普通发票</Radio>
+              <Radio :label="2" :disabled="true">增值税专用发票</Radio>
+            </RadioGroup>
+          </FormItem>
+          <FormItem label="发票抬头">
+            <RadioGroup v-model="type" @on-change="changeInvoice" type="button" button-style="solid">
               <Radio :label="1">个人</Radio>
               <Radio :label="2">单位</Radio>
             </RadioGroup>
           </FormItem>
-          <FormItem
-            label="发票抬头"
-            v-if="invoiceForm.type == 2"
-            prop="receiptTitle"
-          >
+          <FormItem label="个人名称" v-if="type === 1" prop="receiptTitle">
             <i-input v-model="invoiceForm.receiptTitle"></i-input>
           </FormItem>
-          <FormItem
-            label="纳税人识别号"
-            v-if="invoiceForm.type == 2"
-            prop="taxpayerId"
-          >
+          <FormItem label="单位名称" v-if="type === 2" prop="receiptTitle">
+            <i-input v-model="invoiceForm.receiptTitle"></i-input>
+          </FormItem>
+          <FormItem label="纳税人识别号" v-if="type === 2" prop="taxpayerId">
             <i-input v-model="invoiceForm.taxpayerId"></i-input>
           </FormItem>
           <FormItem label="发票内容">
             <RadioGroup v-model="invoiceForm.receiptContent" type="button" button-style="solid">
-              <Radio label="不开发票">不开发票</Radio>
               <Radio label="商品明细">商品明细</Radio>
+              <Radio label="商品类别">商品类别</Radio>
             </RadioGroup>
           </FormItem>
         </Form>
         <div style="text-align: center">
-          <Button type="primary" :loading="loading" @click="save">保存发票信息</Button>
+          <Button type="primary" :loading="loading" @click="submit">保存发票信息</Button>
           <Button type="default" @click="invoiceAvailable = false">取消</Button>
         </div>
       </div>
@@ -54,100 +49,104 @@
   </div>
 </template>
 <script>
-import { saveReceipt } from '@/api/member.js';
-import { TINumber } from '@/plugins/RegExp.js';
+import { receiptSelect } from "@/api/cart.js";
+import { TINumber } from "@/plugins/RegExp.js";
 export default {
-  name: 'invoiceModal',
-  data () {
+  name: "invoiceModal",
+  data() {
     return {
+      invoice: 1,
       invoiceAvailable: false, // 模态框显隐
       loading: false, // 提交状态
-      invoiceForm: { // 发票表单
+      invoiceForm: {
+        // 发票表单
         // 普票表单
-        receiptTitle: '', // 发票抬头
-        taxpayerId: '', // 纳税人识别号
-        receiptContent: '不开发票', // 发票内容
-        type: 1 // 1 个人 2 单位
+        receiptTitle: "", // 发票抬头
+        taxpayerId: "", // 纳税人识别号
+        receiptContent: "商品明细", // 发票内容
       },
+      type: 1, // 1 个人 2 单位
       ruleInline: {
-        receiptTitle: [{ required: true, message: '请填写公司名称' }],
         taxpayerId: [
-          { required: true, message: '请填写纳税人识别号' },
-          { pattern: TINumber, message: '请填写正确的纳税人识别号' }
-        ]
-      }
+          { required: true, message: "请填写纳税人识别号" },
+          { pattern: TINumber, message: "请填写正确的纳税人识别号" },
+        ],
+      },
     };
   },
-  methods: {
-    save () {
-      if (this.invoiceForm.type === 1) {
-        // 个人
-        let flag = true;
-        this.receiptItems.forEach((e) => {
-          if (
-            e.receiptTitle === '个人' &&
-            e.receiptContent === this.invoiceForm.receiptContent
-          ) {
-            this.$emit('change', e);
-            flag = false;
-            this.invoiceAvailable = false;
-          }
-        });
+  props: ["invoiceData"],
+  watch: {
+    invoiceData: {
+      handler(val) {
+        this.invoiceForm = { ...val };
 
-        if (flag) {
-          let params = {
-            receiptTitle: '个人',
-            receiptContent: this.invoiceForm.receiptContent
-          };
-          this.loading = true;
-          saveReceipt(params)
-            .then((res) => {
-              this.loading = false;
-              if (res.success) {
-                this.$emit('change', res.result);
-                this.invoiceAvailable = false;
-              }
-            })
-            .catch(() => {
-              this.loading = false;
-            });
+        if (val.taxpayerId) {
+          this.type = 2;
+        } else {
+          this.type = 1;
         }
-      } else {
-        // 单位
+      },
+      deep: true,
+      immeadite: true,
+    },
+  },
+  methods: {
+    /**
+     *  选择发票抬头
+     */
+    changeInvoice(val) {
+      this.$nextTick(() => {
+        this.type = val;
+      });
+    },
+
+    /**
+     *  保存判断
+     */
+    save() {
+      let flage = true;
+
+      // 保存分为两种类型，个人以及企业
+      const { type, receiptTitle, receiptContent } = JSON.parse(
+        JSON.stringify(this.invoiceForm)
+      );
+
+      // 判断是否填写发票抬头
+      if (!receiptTitle) {
+        this.$Message.error("请填写发票抬头!");
+        flage = false;
+        return false;
+      }
+
+      if (type == 2) {
         this.$refs.form.validate((valid) => {
-          if (valid) {
-            this.loading = true;
-            let params = {
-              receiptTitle: this.invoiceForm.receiptTitle,
-              taxpayerId: this.invoiceForm.taxpayerId,
-              receiptContent: this.invoiceForm.receiptContent
-            };
-            let flag = true;
-            this.receiptItems.forEach((e) => {
-              if (e.taxpayerId === params.taxpayerId) {
-                flag = false;
-              }
-            });
-            if (!flag) {
-              this.$Message.error('已有当前税号的发票信息，请直接选择已有发票');
-            } else {
-              saveReceipt(params)
-                .then((res) => {
-                  this.loading = false;
-                  if (res.success) {
-                    this.$emit('change', res.result);
-                    this.invoiceAvailable = false;
-                  }
-                })
-                .catch(() => {
-                  this.loading = false;
-                });
-            }
+          if (!valid) {
+            flage = false;
           }
         });
+      } else {
+        delete this.invoiceForm.taxpayerId;
       }
-    }
-  }
+
+      return flage;
+    },
+
+    async submit() {
+      if (this.save()) {
+        this.loading = true;
+        let submit = {
+          way: this.$route.query.way,
+          ...this.invoiceForm,
+        };
+        let receipt = await receiptSelect(submit);
+        if (receipt.success) {
+          this.$emit("change", true);
+        }
+
+        this.loading = false;
+      }
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
diff --git a/buyer/src/pages/payment/Pay.vue b/buyer/src/pages/payment/Pay.vue
index 0ae2f84d..0c91be7e 100644
--- a/buyer/src/pages/payment/Pay.vue
+++ b/buyer/src/pages/payment/Pay.vue
@@ -1,203 +1,218 @@
 <template>
-    <div class="pay-order">
-        <BaseHeader></BaseHeader>
-        <!-- LOGO 步骤条 -->
-        <div class="width_1200 logo">
-            <div>
-                <router-link to="/"><img :src="logoImg" alt="lili shop" title="lilishop"></router-link>
-                <div>结算页</div>
-            </div>
-            <div class="cart-steps">
-                <span :class="stepIndex==1?'active':''">1.我的购物车</span>
-                <Icon :class="stepIndex==1?'active-arrow':''" custom="icomoon icon-next"></Icon>
-                <span :class="stepIndex==1?'active':''">2.填写订单信息</span>
-                <Icon :class="stepIndex==1?'active-arrow':''" custom="icomoon icon-next"></Icon>
-                <span :class="stepIndex==2?'active':''">3.成功提交订单</span>
-            </div>
+  <div class="pay-order">
+    <BaseHeader></BaseHeader>
+    <!-- LOGO 步骤条 -->
+    <div class="width_1200 logo">
+      <div>
+        <router-link to="/"><img :src="logoImg" alt="lili shop" title="lilishop"></router-link>
+        <div>结算页</div>
+      </div>
+      <div class="cart-steps">
+        <span :class="stepIndex==1?'active':''">1.我的购物车</span>
+        <Icon :class="stepIndex==1?'active-arrow':''" custom="icomoon icon-next"></Icon>
+        <span :class="stepIndex==1?'active':''">2.填写订单信息</span>
+        <Icon :class="stepIndex==1?'active-arrow':''" custom="icomoon icon-next"></Icon>
+        <span :class="stepIndex==2?'active':''">3.成功提交订单</span>
+      </div>
+    </div>
+    <Divider />
+    <div class="content width_1200">
+      <!-- 收货地址 -->
+      <div class="address">
+        <div class="card-head">
+          <span>收货人信息</span>
+          <span @click="goAddressManage">管理收货人地址</span>
         </div>
-        <Divider />
-        <div class="content width_1200">
-            <!-- 收货地址 -->
-            <div class="address">
-                <div class="card-head">
-                    <span>收货人信息</span>
-                    <span @click="goAddressManage">管理收货人地址</span>
-                </div>
-                <div class="address-manage">
-                    <div class="address-item" v-show="moreAddr ? true : index < 3" :class="selectedAddress.id === item.id?'border-red':''" @mouseenter="showEditBtn = index" @mouseleave="showEditBtn = ''" @click="selectAddress(item)" v-for="(item,index) in addressList" :key="index">
-                        <div>
-                            <span>{{item.name}}</span>
-                            <Tag class="ml_10" v-if="item.isDefault" color="red">默认</Tag>
-                            <Tag class="ml_10" v-if="item.alias" color="warning">{{item.alias}}</Tag>
-                        </div>
-                        <div>{{item.mobile}}</div>
-                        <div>{{ item.consigneeAddressPath | unitAddress }} {{item.detail}}</div>
-                        <div class="edit-btn" v-show="showEditBtn === index">
-                            <span @click.stop="editAddress(item.id)">修改</span>
-                            <span class="ml_10" v-if="!item.isDefault" @click.stop="delAddress(item)">删除</span>
-                        </div>
-                        <div class="corner-icon" v-show="selectedAddress.id === item.id">
-                            <div></div>
-                            <Icon type="md-checkmark" />
-                        </div>
-                    </div>
-                    <div class="add-address" @click="editAddress('')">
-                        <Icon type="ios-add-circle-outline" />
-                        <div>添加新地址</div>
-                    </div>
-                </div>
-
-                <div class="more-addr" @click="moreAddr = !moreAddr" v-if="addressList.length>3">
-                    {{moreAddr ? '收起地址' : '更多地址'}}
-                    <Icon v-show="!moreAddr" type="md-arrow-dropdown" />
-                    <Icon v-show="moreAddr" type="md-arrow-dropup" />
-                </div>
+        <div class="address-manage">
+          <div class="address-item" v-show="moreAddr ? true : index < 3" :class="selectedAddress.id === item.id?'border-red':''" @mouseenter="showEditBtn = index" @mouseleave="showEditBtn = ''"
+            @click="selectAddress(item)" v-for="(item,index) in addressList" :key="index">
+            <div>
+              <span>{{item.name}}</span>
+              <Tag class="ml_10" v-if="item.isDefault" color="red">默认</Tag>
+              <Tag class="ml_10" v-if="item.alias" color="warning">{{item.alias}}</Tag>
             </div>
-            <!-- 商品信息 -->
-            <div class="goods-content">
-                <div class="card-head mt_20 mb_20">
-                    <span>商品信息</span>
-                    <span @click="$router.push('/cart')">返回购物车</span>
-                </div>
-                <div class="goods-msg" v-for="(shop,shopIndex) in goodsList" :key="shopIndex">
-                    <div class="shop-name">
-                        <span>
-                          <span class="hover-color"  @click="goShopPage(shop.storeId)">{{shop.storeName}}</span>&nbsp;&nbsp;
-                        </span>
-                        <!-- <span>
+            <div>{{item.mobile}}</div>
+            <div>{{ item.consigneeAddressPath | unitAddress }} {{item.detail}}</div>
+            <div class="edit-btn" v-show="showEditBtn === index">
+              <span @click.stop="editAddress(item.id)">修改</span>
+              <span class="ml_10" v-if="!item.isDefault" @click.stop="delAddress(item)">删除</span>
+            </div>
+            <div class="corner-icon" v-show="selectedAddress.id === item.id">
+              <div></div>
+              <Icon type="md-checkmark" />
+            </div>
+          </div>
+          <div class="add-address" @click="editAddress('')">
+            <Icon type="ios-add-circle-outline" />
+            <div>添加新地址</div>
+          </div>
+        </div>
+
+        <div class="more-addr" @click="moreAddr = !moreAddr" v-if="addressList.length>3">
+          {{moreAddr ? '收起地址' : '更多地址'}}
+          <Icon v-show="!moreAddr" type="md-arrow-dropdown" />
+          <Icon v-show="moreAddr" type="md-arrow-dropup" />
+        </div>
+      </div>
+      <!-- 商品信息 -->
+      <div class="goods-content">
+        <div class="card-head mt_20 mb_20">
+          <span>商品信息</span>
+          <span @click="$router.push('/cart')">返回购物车</span>
+        </div>
+        <div class="goods-msg" v-for="(shop,shopIndex) in goodsList" :key="shopIndex">
+          <div class="shop-name">
+            <span>
+              <span class="hover-color" @click="goShopPage(shop.storeId)">{{shop.storeName}}</span>&nbsp;&nbsp;
+            </span>
+            <!-- <span>
                             <p style="width:120px">配送方式：</p>
                             <Select v-model="shop.deliveryMethod" size="small">
                                 <Option v-for="item in deliveryList" :value="item.value" :key="item.value">{{ item.label }}</Option>
                             </Select>
                         </span> -->
-                    </div>
-                    <div class="goods-list">
-                        <div class="goods-item" v-for="(goods,goodsIndex) in shop.skuList" :key="goodsIndex">
-                            <span class="hover-color" @click="goGoodsDetail(goods.goodsSku.id, goods.goodsSku.goodsId)">
-                                <img :src="goods.goodsSku.thumbnail" alt="">
-                                <span style="vertical-align:top;">{{goods.goodsSku.goodsName}}</span>
-                            </span>
-                            <span class="goods-price">{{goods.goodsSku.price | unitPrice('￥')}}</span>
-                            <span>x{{goods.num}}</span>
-                            <span>{{goods.goodsSku.quantity > 0 ? '有货' : '无货'}}</span>
-                            <span class="goods-price">{{goods.goodsSku.price * goods.num | unitPrice('￥')}}</span>
-                        </div>
-                    </div>
-                    <div class="order-mark">
-                        <Input type="textarea" maxlength="60" v-model="shop.remark" show-word-limit placeholder="订单备注" />
-                        <span style="font-size:12px;color:#999;">提示：请勿填写有关支付、收货、发票方面的信息</span>
-                    </div>
-                </div>
+          </div>
+          <div class="goods-list">
+            <div class="goods-item" v-for="(goods,goodsIndex) in shop.skuList" :key="goodsIndex">
+              <span class="hover-color" @click="goGoodsDetail(goods.goodsSku.id, goods.goodsSku.goodsId)">
+                <img :src="goods.goodsSku.thumbnail" alt="">
+                <span style="vertical-align:top;">{{goods.goodsSku.goodsName}}</span>
+              </span>
+              <span class="goods-price">{{goods.goodsSku.price | unitPrice('￥')}}</span>
+              <span>x{{goods.num}}</span>
+              <span>{{goods.goodsSku.quantity > 0 ? '有货' : '无货'}}</span>
+              <span class="goods-price">{{goods.goodsSku.price * goods.num | unitPrice('￥')}}</span>
             </div>
-            <!-- 发票信息 -->
-            <div class="invoice">
-                <div class="card-head mt_20 mb_20">
-                    <span class="relative">发票信息<span class="inv-tips"><Icon type="ios-alert-outline" />开企业抬头发票须填写纳税人识别号，以免影响报销</span></span>
-                </div>
-                <div class="inovice-content">
-                    <span>{{invoiceData.receiptTitle}}</span>
-                    <span>{{invoiceData.receiptContent}}</span>
-                    <span @click="editInvoice">编辑</span>
-                </div>
-            </div>
-            <!-- 优惠券 -->
-            <div class="invoice">
-                <div class="card-head mt_20 mb_20">
-                    <span class="relative">优惠券</span>
-                </div>
-                <div v-if="couponList.length === 0">
-                    无可用优惠券
-                </div>
-                <ul v-else class="coupon-list">
-                    <li v-for="(item, index) in couponList" class="coupon-item" :key="index">
-                        <div class="c-left">
-                        <div>
-                            <span v-if="item.couponType === 'PRICE'" class="fontsize_12 global_color">￥<span class="price">{{item.price | unitPrice}}</span></span>
-                            <span v-if="item.couponType === 'DISCOUNT'" class="fontsize_12 global_color"><span class="price">{{item.couponDiscount}}</span>折</span>
-                            <span class="describe">满{{item.consumeThreshold}}元可用</span>
-                        </div>
-                          <p>使用范围：{{useScope(item.scopeType)}}</p>
-                          <p>有效期：{{item.endTime}}</p>
-                        </div>
-                        <img class="used" v-if="usedCouponId.includes(item.id)" src="../../assets/images/geted.png" alt="">
-                        <b></b>
-                        <a class="c-right" @click="useCoupon(item.id, true)">立即使用</a>
-                        <a class="c-right" v-if="usedCouponId.includes(item.id)" @click="useCoupon(item.id, false)">放弃优惠</a>
-                        <i class="circle-top"></i>
-                        <i class="circle-bottom"></i>
-                    </li>
-                </ul>
-            </div>
-            <!-- 其他信息 -->
-            <div class="other" v-if="$route.query.way === 'POINT'">
-                <div class="card-head mt_20 mb_20">
-                    <span>其他信息</span>
-                </div>
-                <div>
-                    <div>
-                        <span>使用积分：</span><Input type="text" style="width:100px;" v-model.number="otherMsgForm.point" placeholder="请输入使用积分" /> <span style="color:#999;">您当前的可用积分为 {{otherMsgForm.totalPoint}} ，本订单最多可以使用{{otherMsgForm.availablePoint}}</span>
-                    </div>
-                </div>
-            </div>
-            <!-- 订单价格 -->
-            <div class="order-price">
-                <div>
-                    <span>{{totalNum}}件商品，总商品金额：</span><span>{{priceDetailDTO.goodsPrice | unitPrice('￥')}}</span>
-                </div>
-                <div>
-                    <span>运费：</span><span>{{ priceDetailDTO.freightPrice | unitPrice('￥')}}</span>
-                </div>
-                <div>
-                    <span>优惠金额：</span><span>-{{ priceDetailDTO.discountPrice + priceDetailDTO.couponPrice + priceDetailDTO.updatePrice | unitPrice('￥')}}</span>
-                </div>
-                <div>
-                    <span>应付金额：</span><span class='actrual-price'>{{priceDetailDTO.billPrice | unitPrice('￥')}}</span>
-                </div>
+          </div>
+          <div class="order-mark">
+            <Input type="textarea" maxlength="60" v-model="shop.remark" show-word-limit placeholder="订单备注" />
+            <span style="font-size:12px;color:#999;">提示：请勿填写有关支付、收货、发票方面的信息</span>
+          </div>
+        </div>
+      </div>
+      <!-- 发票信息 -->
+      <div class="invoice">
+        <div class="card-head mt_20 mb_20">
+          <span class="relative">发票信息<span class="inv-tips">
+              <Icon type="ios-alert-outline" />开企业抬头发票须填写纳税人识别号，以免影响报销
+            </span></span>
+        </div>
+        <div class="inovice-content">
+          <span>{{invoiceData.receiptTitle}}</span>
+          <span>{{invoiceData.receiptContent}}</span>
+          <span @click="editInvoice">编辑</span>
+        </div>
+      </div>
+      <!-- 优惠券 -->
+      <div class="invoice">
+        <div class="card-head mt_20 mb_20">
+          <span class="relative">优惠券</span>
+        </div>
+        <div v-if="couponList.length === 0">
+          无可用优惠券
+        </div>
+        <ul v-else class="coupon-list">
+          <li v-for="(item, index) in couponList" class="coupon-item" :key="index">
+            <div class="c-left">
+              <div>
+                <span v-if="item.couponType === 'PRICE'" class="fontsize_12 global_color">￥<span class="price">{{item.price | unitPrice}}</span></span>
+                <span v-if="item.couponType === 'DISCOUNT'" class="fontsize_12 global_color"><span class="price">{{item.couponDiscount}}</span>折</span>
+                <span class="describe">满{{item.consumeThreshold}}元可用</span>
+              </div>
+              <p>使用范围：{{useScope(item.scopeType)}}</p>
+              <p>有效期：{{item.endTime}}</p>
             </div>
+            <img class="used" v-if="usedCouponId.includes(item.id)" src="../../assets/images/geted.png" alt="">
+            <b></b>
+            <a class="c-right" @click="useCoupon(item.id, true)">立即使用</a>
+            <a class="c-right" v-if="usedCouponId.includes(item.id)" @click="useCoupon(item.id, false)">放弃优惠</a>
+            <i class="circle-top"></i>
+            <i class="circle-bottom"></i>
+          </li>
+        </ul>
+      </div>
+      <!-- 其他信息 -->
+      <div class="other" v-if="$route.query.way === 'POINT'">
+        <div class="card-head mt_20 mb_20">
+          <span>其他信息</span>
+        </div>
+        <div>
+          <div>
+            <span>使用积分：</span><Input type="text" style="width:100px;" v-model.number="otherMsgForm.point" placeholder="请输入使用积分" /> <span style="color:#999;">您当前的可用积分为 {{otherMsgForm.totalPoint}}
+              ，本订单最多可以使用{{otherMsgForm.availablePoint}}</span>
+          </div>
+        </div>
+      </div>
+      <!-- 订单价格 -->
+      <div class="order-price">
+        <div>
+          <span>{{totalNum}}件商品，总商品金额：</span><span>{{priceDetailDTO.goodsPrice | unitPrice('￥')}}</span>
+        </div>
+        <div>
+          <span>运费：</span><span>{{ priceDetailDTO.freightPrice | unitPrice('￥')}}</span>
+        </div>
+        <div>
+          <span>优惠金额：</span><span>-{{ priceDetailDTO.discountPrice + priceDetailDTO.couponPrice + priceDetailDTO.updatePrice | unitPrice('￥')}}</span>
+        </div>
+        <div>
+          <span>应付金额：</span><span class='actrual-price'>{{priceDetailDTO.billPrice | unitPrice('￥')}}</span>
+        </div>
+      </div>
 
-        </div>
-        <!-- 底部支付栏 -->
-        <div class="order-footer width_1200">
-            <div class="pay ml_20" @click="pay">提交订单</div>
-            <div class="pay-address" v-if="addressList.length">配送至：{{ selectedAddress.consigneeAddressPath | unitAddress }} {{selectedAddress.detail}}&nbsp;&nbsp;收货人：{{selectedAddress.name}}&nbsp;&nbsp;{{selectedAddress.mobile}}</div>
-        </div>
-        <BaseFooter></BaseFooter>
-        <!-- 添加发票模态框 -->
-        <invoice-modal ref="invModal" @change="getInvMsg" />
-        <!-- 选择地址模态框 -->
-        <address-manage ref="address" :id="addrId" @change="addrChange"></address-manage>
     </div>
+    <!-- 底部支付栏 -->
+    <div class="order-footer width_1200">
+      <div class="pay ml_20" @click="pay">提交订单</div>
+      <div class="pay-address" v-if="addressList.length">配送至：{{ selectedAddress.consigneeAddressPath | unitAddress }}
+        {{selectedAddress.detail}}&nbsp;&nbsp;收货人：{{selectedAddress.name}}&nbsp;&nbsp;{{selectedAddress.mobile}}</div>
+    </div>
+    <BaseFooter></BaseFooter>
+    <!-- 添加发票模态框 -->
+    <invoice-modal ref="invModal" :invoiceData="invoiceData" @change="getInvMsg" />
+    <!-- 选择地址模态框 -->
+    <address-manage ref="address" :id="addrId" @change="addrChange"></address-manage>
+  </div>
 </template>
 
 <script>
-import invoiceModal from '@/components/invoiceModal';
-import addressManage from '@/components/addressManage';
-import {memberAddress, delMemberAddress} from '@/api/address';
-import {cartGoodsPay, createTrade, selectAddr, shippingMethod, receiptSelect, selectCoupon, couponNum} from '@/api/cart';
-import { canUseCouponList } from '@/api/member.js';
-import {getLogo} from '@/api/common.js'
+import invoiceModal from "@/components/invoiceModal";
+import addressManage from "@/components/addressManage";
+import { memberAddress, delMemberAddress } from "@/api/address";
+import {
+  cartGoodsPay,
+  createTrade,
+  selectAddr,
+  shippingMethod,
+  selectCoupon,
+  couponNum,
+} from "@/api/cart";
+import { canUseCouponList } from "@/api/member.js";
+import { getLogo } from "@/api/common.js";
 export default {
-  name: 'Pay',
+  name: "Pay",
   components: { invoiceModal, addressManage },
-  data () {
+  data() {
     return {
       stepIndex: 1, // 顶部步骤条状态
       invoiceAvailable: false, // 发票编辑按钮
-      showEditBtn: '', // 鼠标移入显示编辑按钮
-      orderMark: '', // 订单备注
-      invoiceData: { // 发票数据
-        receiptTitle: '个人',
-        receiptContent: '不开发票'
+      showEditBtn: "", // 鼠标移入显示编辑按钮
+      orderMark: "", // 订单备注
+      invoiceData: {
+        // 发票数据
+        receiptTitle: "个人",
+        receiptContent: "不开发票",
       },
-      otherMsgForm: { // 其他信息模块数据
+      otherMsgForm: {
+        // 其他信息模块数据
         point: 0,
         availablePoint: 10,
         totalPoint: 100,
-        noGoods: 0
+        noGoods: 0,
       },
-      deliveryList: [ // 物流
+      deliveryList: [
+        // 物流
         // {value: 'SELF_PICK_UP', label: '自提'},
-        {value: 'LOGISTICS', label: '物流'}
+        { value: "LOGISTICS", label: "物流" },
         // {value: 'LOCAL_TOWN_DELIVERY', label: '同城配送'}
       ],
       addressList: [], // 地址列表
@@ -205,601 +220,630 @@ export default {
       goodsList: [], // 商品列表
       priceDetailDTO: {}, // 商品价格
       totalNum: 0, // 购买数量
-      addrId: '', // 编辑地址传入的id
+      addrId: "", // 编辑地址传入的id
       moreAddr: false, // 更多地址
       canUseCouponNum: 0, // 可用优惠券数量
       couponList: [], // 可用优惠券列表
-      logoImg: '', // 平台logo
+      logoImg: "", // 平台logo
       usedCouponId: [], // 已使用优惠券id
-      selectedCoupon: {} // 已选优惠券对象
+      selectedCoupon: {}, // 已选优惠券对象
     };
   },
-  mounted () {
+  mounted() {
     this.init();
-    if (!this.Cookies.getItem('logo')) {
-      getLogo().then(res => {
+    if (!this.Cookies.getItem("logo")) {
+      getLogo().then((res) => {
         if (res.success) {
-          let logoObj = JSON.parse(res.result.settingValue)
-          this.Cookies.setItem('logo', logoObj.buyerSideLogo)
+          let logoObj = JSON.parse(res.result.settingValue);
+          this.Cookies.setItem("logo", logoObj.buyerSideLogo);
         }
-      })
+      });
     } else {
-      this.logoImg = this.Cookies.getItem('logo')
+      this.logoImg = this.Cookies.getItem("logo");
     }
   },
   methods: {
-    init () {
+    init() {
       this.getGoodsDetail();
     },
-    goAddressManage () { // 跳转地址管理页面
-      this.$router.push('/home/MyAddress');
+    goAddressManage() {
+      // 跳转地址管理页面
+      this.$router.push("/home/MyAddress");
     },
-    getAddress () { // 获取收货地址列表
-      memberAddress().then(res => {
+    getAddress() {
+      // 获取收货地址列表
+      memberAddress().then((res) => {
         if (res.success) {
           this.addressList = res.result.records;
           this.addressList.forEach((e, index) => {
             if (e.id === this.selectedAddress.id && index > 2) {
-              this.moreAddr = true
+              this.moreAddr = true;
             }
           });
         }
       });
     },
-    getGoodsDetail () { // 订单商品详情
+    getGoodsDetail() {
+      // 订单商品详情
       this.$Spin.show();
-      cartGoodsPay({way: this.$route.query.way}).then(res => {
-        this.$Spin.hide();
-        if (res.success) {
-          this.goodsList = res.result.cartList;
-          this.priceDetailDTO = res.result.priceDetailDTO;
-          this.skuList = res.result.skuList;
-          let notSupArea = res.result.notSupportFreight;
-          this.selectedCoupon = {}
-          if (res.result.platformCoupon) this.selectedCoupon.platformCoupon = res.result.platformCoupon
-          Object.assign(this.selectedCoupon, res.result.storeCoupons)
-          if (notSupArea) {
-            let content = [];
-            let title = ''
-            notSupArea.forEach(e => {
-              title = e.errorMessage
-              content.push(e.goodsSku.goodsName)
-            })
-            this.$Modal.warning({
-              title: '以下商品超出配送区域' || title,
-              content: content.toString()
-            })
+      cartGoodsPay({ way: this.$route.query.way })
+        .then((res) => {
+          this.$Spin.hide();
+          if (res.success) {
+            this.goodsList = res.result.cartList;
+            this.priceDetailDTO = res.result.priceDetailDTO;
+            this.skuList = res.result.skuList;
+
+            res.result.receiptVO
+              ? (this.invoiceData = res.result.receiptVO)
+              : "";
+
+            let notSupArea = res.result.notSupportFreight;
+            this.selectedCoupon = {};
+            if (res.result.platformCoupon)
+              this.selectedCoupon.platformCoupon = res.result.platformCoupon;
+            Object.assign(this.selectedCoupon, res.result.storeCoupons);
+            if (notSupArea) {
+              let content = [];
+              let title = "";
+              notSupArea.forEach((e) => {
+                title = e.errorMessage;
+                content.push(e.goodsSku.goodsName);
+              });
+              this.$Modal.warning({
+                title: "以下商品超出配送区域" || title,
+                content: content.toString(),
+              });
+            }
+            if (res.result.memberAddress) {
+              this.selectedAddress = res.result.memberAddress;
+            }
+            this.getAddress();
+            this.totalNum = 0;
+            for (let i = 0; i < this.skuList.length; i++) {
+              this.totalNum += this.skuList[i].num;
+            }
+            this.getCouponNum();
           }
-          if (res.result.memberAddress) {
-            this.selectedAddress = res.result.memberAddress
-          }
-          this.getAddress()
-          this.totalNum = 0;
-          for (let i = 0; i < this.skuList.length; i++) {
-            this.totalNum += this.skuList[i].num;
-          }
-          this.getCouponNum()
-        }
-      }).catch(() => { this.$Spin.hide() });
+        })
+        .catch(() => {
+          this.$Spin.hide();
+        });
     },
-    getCouponNum  () { // 获取可用优惠券数量
-      couponNum({way: this.$route.query.way}).then(res => {
-        this.canUseCouponNum = res.result
+    getCouponNum() {
+      // 获取可用优惠券数量
+      couponNum({ way: this.$route.query.way }).then((res) => {
+        this.canUseCouponNum = res.result;
         if (res.result) {
-          let storeArr = []
-          let skuArr = []
-          this.goodsList.forEach(e => {
-            storeArr.push(e.storeId)
-            e.skuList.forEach(i => {
-              skuArr.push(i.goodsSku.id)
-            })
-          })
+          let storeArr = [];
+          let skuArr = [];
+          this.goodsList.forEach((e) => {
+            storeArr.push(e.storeId);
+            e.skuList.forEach((i) => {
+              skuArr.push(i.goodsSku.id);
+            });
+          });
           let params = {
             pageNumber: 1,
             pageSize: 100,
-            memberCouponStatus: 'NEW',
+            memberCouponStatus: "NEW",
             scopeId: skuArr.toString(),
             storeId: storeArr.toString(),
-            totalPrice: this.priceDetailDTO.goodsPrice
-          }
-          canUseCouponList(params).then(res => { // 可用优惠券列表
-            if (res.success) this.couponList = res.result.records
-            const couponKeys = Object.keys(this.selectedCoupon)
-            this.usedCouponId = []
+            totalPrice: this.priceDetailDTO.goodsPrice,
+          };
+          canUseCouponList(params).then((res) => {
+            // 可用优惠券列表
+            if (res.success) this.couponList = res.result.records;
+            const couponKeys = Object.keys(this.selectedCoupon);
+            this.usedCouponId = [];
             if (couponKeys.length) {
-              this.couponList.forEach(e => {
+              this.couponList.forEach((e) => {
                 if (e.id === this.selectedCoupon[couponKeys].memberCoupon.id) {
-                  this.usedCouponId.push(e.id)
-                } 
-              })
+                  this.usedCouponId.push(e.id);
+                }
+              });
               this.$nextTick(() => {
-                this.$forceUpdate()
-              })
+                this.$forceUpdate();
+              });
             }
-            
-            
-          })
+          });
         }
-      })
+      });
     },
-    selectAddress (item) { // 选择地址
+    selectAddress(item) {
+      // 选择地址
       let params = {
         way: this.$route.query.way,
-        shippingAddressId: item.id
+        shippingAddressId: item.id,
       };
-      selectAddr(params).then(res => {
+      selectAddr(params).then((res) => {
         if (res.success) {
-          this.$Message.success('选择收货地址成功');
+          this.$Message.success("选择收货地址成功");
           this.selectedAddress = item;
           this.getGoodsDetail();
         }
       });
     },
-    editAddress (id) { // 编辑地址
+    editAddress(id) {
+      // 编辑地址
       this.addrId = id;
       this.$refs.address.show();
     },
-    addrChange (item) { // 添加，编辑地址回显
+    addrChange(item) {
+      // 添加，编辑地址回显
       this.getAddress();
     },
-    delAddress (item) {
+    delAddress(item) {
       // 删除地址
       this.$Modal.confirm({
-        title: '提示',
-        content: '你确定删除这个收货地址',
+        title: "提示",
+        content: "你确定删除这个收货地址",
         onOk: () => {
           delMemberAddress(item.id).then((res) => {
             if (res.success) {
-              this.$Message.success('删除成功');
+              this.$Message.success("删除成功");
               this.getAddress();
             }
           });
         },
-        onCancel: () => {}
+        onCancel: () => {},
       });
     },
-    goGoodsDetail (skuId, goodsId) { // 跳转商品详情
+    goGoodsDetail(skuId, goodsId) {
+      // 跳转商品详情
       let routeUrl = this.$router.resolve({
-        path: '/goodsDetail',
-        query: { skuId, goodsId }
+        path: "/goodsDetail",
+        query: { skuId, goodsId },
       });
-      window.open(routeUrl.href, '_blank');
+      window.open(routeUrl.href, "_blank");
     },
     // 跳转店铺首页
-    goShopPage (id) {
+    goShopPage(id) {
       let routeUrl = this.$router.resolve({
-        path: '/Merchant',
-        query: {id: id}
+        path: "/Merchant",
+        query: { id: id },
       });
-      window.open(routeUrl.href, '_blank');
+      window.open(routeUrl.href, "_blank");
     },
-    selectDelivery (delivery) { // 选择配送方式
+    selectDelivery(delivery) {
+      // 选择配送方式
       let params = {
         way: this.$route.query.way,
-        shippingMethod: delivery.value
+        shippingMethod: delivery.value,
       };
-      shippingMethod(params).then(res => {
-
-      });
+      shippingMethod(params).then((res) => {});
     },
-    useCoupon (id, used) { // 使用优惠券
+    useCoupon(id, used) {
+      // 使用优惠券
       let params = {
         way: this.$route.query.way,
         memberCouponId: id,
-        used: used  // true 为使用， false为弃用
-      }
-      selectCoupon(params).then(res => {
-        if (res.success) this.init()
-      })
+        used: used, // true 为使用， false为弃用
+      };
+      selectCoupon(params).then((res) => {
+        if (res.success) this.init();
+      });
     },
-    editInvoice () { // 编辑发票信息
+    editInvoice() {
+
+      // 编辑发票信息
       this.$refs.invModal.invoiceAvailable = true;
     },
-    getInvMsg (item) { // 获取发票信息
-      console.log(item);
-      this.invoiceData = item;
-      this.selectReceipt(item.id)
-    },
-    selectReceipt (id) { // 选择发票
-      let params = {
-        way: this.$route.query.way,
-        receiptId: id
+    getInvMsg(item) {
+      // 获取发票信息
+      if (item) {
+        this.init();
+        this.$refs.invModal.invoiceAvailable = false;
       }
-      receiptSelect(params).then(res => {
-      })
     },
-    pay () { // 结算
+
+    pay() {
+      // 结算
       const params = {
-        client: 'PC',
+        client: "PC",
         remark: [],
-        way: this.$route.query.way
+        way: this.$route.query.way,
       };
-      this.goodsList.forEach(e => {
+      this.goodsList.forEach((e) => {
         if (e.remark) {
           params.remark.push({
             remark: e.remark,
-            storeId: e.storeId
-          })
+            storeId: e.storeId,
+          });
         }
-      })
+      });
 
       if (!params.remark.length) delete params.remark;
 
       this.$Spin.show();
-      createTrade(params).then(res => {
-        this.$Spin.hide();
-        if (res.success) {
-          this.$router.push({path: '/payment', query: {orderType: 'TRADE', sn: res.result.sn}});
-        }
-      }).catch(() => {
-        this.$Spin.hide()
-      });
+      createTrade(params)
+        .then((res) => {
+          this.$Spin.hide();
+          if (res.success) {
+            this.$router.push({
+              path: "/payment",
+              query: { orderType: "TRADE", sn: res.result.sn },
+            });
+          }
+        })
+        .catch(() => {
+          this.$Spin.hide();
+        });
     },
-    useScope (type) {
-      let goods = '全部商品'
+    useScope(type) {
+      let goods = "全部商品";
       switch (type) {
-        case 'ALL':
-          goods = '全部商品'
+        case "ALL":
+          goods = "全部商品";
           break;
-        case 'PORTION_GOODS':
-          goods = '部分商品'
+        case "PORTION_GOODS":
+          goods = "部分商品";
           break;
-        case 'PORTION_GOODS_CATEGORY':
-          goods = '部分分类商品'
+        case "PORTION_GOODS_CATEGORY":
+          goods = "部分分类商品";
           break;
       }
-      return `${goods}可用`
-    }
-  }
+      return `${goods}可用`;
+    },
+  },
 };
 </script>
 
 <style scoped lang="scss">
-@import '../../assets/styles/coupon.scss';
+@import "../../assets/styles/coupon.scss";
 /** logo start */
 .logo {
-    height: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 20px auto 0;
+  div:nth-child(1) {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin: 20px auto 0;
-    div:nth-child(1){
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        img{
-            width: 150px;
-            height:auto;
-            cursor: pointer;
-        }
-        div:nth-child(2){
-            width: 200px;
-            color: #999;
-            font-size: 16px;
-            margin: 0 20px;
-            span{
-                color: $theme_color;
-            }
-        }
+    img {
+      width: 150px;
+      height: auto;
+      cursor: pointer;
     }
+    div:nth-child(2) {
+      width: 200px;
+      color: #999;
+      font-size: 16px;
+      margin: 0 20px;
+      span {
+        color: $theme_color;
+      }
+    }
+  }
 }
-.cart-steps{
+.cart-steps {
+  height: 30px;
+  display: flex;
+  align-items: center;
+  span {
+    @include content_color($light_content_color);
     height: 30px;
-    display: flex;
-    align-items: center;
-    span{
-        @include content_color($light_content_color);
-        height: 30px;
-        text-align: center;
-        line-height: 30px;
-        display: inline-block;
-        padding: 0 15px;
-    }
+    text-align: center;
+    line-height: 30px;
+    display: inline-block;
+    padding: 0 15px;
+  }
 
-    .ivu-icon{
-        @include content_color($light_content_color);
-        font-size: 20px;
-        margin:0 15px;
-    }
+  .ivu-icon {
+    @include content_color($light_content_color);
+    font-size: 20px;
+    margin: 0 15px;
+  }
 
-    .active{
-        border-radius: 50px;
-        background-color:#ff8f23;
-        color: #fff;
-    }
+  .active {
+    border-radius: 50px;
+    background-color: #ff8f23;
+    color: #fff;
+  }
 
-    .active-arrow{
-        color: #ff8f23;
-    }
+  .active-arrow {
+    color: #ff8f23;
+  }
 }
 /** logo end */
 /** content start */
 .content {
-    margin: 20px auto;
-    background-color: #fff;
-    min-height: 200px;
-    padding: 15px 25px;
+  margin: 20px auto;
+  background-color: #fff;
+  min-height: 200px;
+  padding: 15px 25px;
 }
 /** 地址管理 */
-.address-manage{
+.address-manage {
+  display: flex;
+  flex-wrap: wrap;
+  > div {
+    border: 1px dotted #949494;
+    width: 265px;
+    height: 120px;
+    margin: 20px 20px 0 0;
+    padding: 10px;
+    cursor: pointer;
+    color: #999;
+  }
+  .add-address {
     display: flex;
-    flex-wrap: wrap;
-    >div {
-        border:1px dotted #949494;
-        width: 265px;
-        height: 120px;
-        margin:20px 20px 0 0;
-        padding: 10px;
-        cursor: pointer;
-        color: #999;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    .ivu-icon {
+      font-size: 24px;
     }
-    .add-address{
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        .ivu-icon{
-            font-size: 24px;
-        }
+  }
+  .address-item {
+    position: relative;
+    font-size: 12px;
+    > div:nth-child(1) {
+      margin-bottom: 10px;
+      span {
+        margin-right: 10px;
+      }
+      > span:nth-child(1) {
+        color: #000000;
+        font-size: 14px;
+      }
     }
-    .address-item{
-        position: relative;
+    .edit-btn {
+      font-size: 12px;
+      position: absolute;
+      top: 15px;
+      right: 20px;
+      color: $theme_color;
+      span:hover {
+        border-bottom: 1px solid $theme_color;
+      }
+    }
+    .corner-icon {
+      position: absolute;
+      right: -1px;
+      bottom: -1px;
+      div {
+        width: 0;
+        border-top: 20px solid transparent;
+        border-right: 20px solid $theme_color;
+      }
+      .ivu-icon {
         font-size: 12px;
-        >div:nth-child(1){
-            margin-bottom: 10px;
-            span{
-                margin-right: 10px;
-            }
-            >span:nth-child(1){
-                color: #000000;
-                font-size: 14px;
-            }
-        }
-        .edit-btn{
-            font-size: 12px;
-            position: absolute;
-            top: 15px;
-            right: 20px;
-            color: $theme_color;
-            span:hover{
-                border-bottom: 1px solid $theme_color;
-            }
-        }
-        .corner-icon{
-            position: absolute;
-            right: -1px;
-            bottom: -1px;
-            div{
-                width: 0;
-                border-top: 20px solid transparent;
-                border-right: 20px solid $theme_color;
-            }
-            .ivu-icon{
-                font-size: 12px;
-                position: absolute;
-                bottom: 0;
-                right: 1px;
-                transform: rotate(-15deg);
-                color: #fff;
-            }
-        }
-    }
-    .border-red{
-        border-color: $theme_color;
+        position: absolute;
+        bottom: 0;
+        right: 1px;
+        transform: rotate(-15deg);
+        color: #fff;
+      }
     }
+  }
+  .border-red {
+    border-color: $theme_color;
+  }
 }
 /** 购买商品列表 start */
-.shop-name{
+.shop-name {
+  display: flex;
+  justify-content: space-between;
+  > span:nth-child(1) {
+    font-weight: bold;
+    .ivu-icon {
+      color: #ff8f23;
+      &:hover {
+        color: $theme_color;
+      }
+    }
+  }
+  > span:nth-child(2) {
+    color: #999;
+    position: relative;
     display: flex;
+    width: 200px;
+  }
+  .delivery-list {
+    position: absolute;
+    right: 0;
+    top: 20px;
+    background-color: #f3fafe;
+    box-shadow: 0px 0px 5px #b9b2b2;
+    display: flex;
+    flex-wrap: wrap;
+    width: 200px;
+    min-height: 100px;
+    padding: 10px;
+    li {
+      width: 90px;
+      height: 30px;
+      text-align: center;
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+}
+.goods-list {
+  background-color: #f8f8f8;
+  margin: 10px 0 20px 0;
+  .goods-item {
+    display: flex;
+    align-items: center;
     justify-content: space-between;
-    >span:nth-child(1){
-        font-weight: bold;
-        .ivu-icon{
-            color: #ff8f23;
-            &:hover {color: $theme_color;}
-        }
+    padding: 20px 0;
+    margin: 0 20px;
+    border-bottom: 1px dotted #999;
+    &:last-child {
+      border: none;
     }
-    >span:nth-child(2){
-        color: #999;
-        position: relative;
-        display: flex;
-        width: 200px;
+    img {
+      width: 48px;
+      height: 48px;
     }
-    .delivery-list{
-        position: absolute;
-        right: 0;
-        top: 20px;
-        background-color: #f3fafe;
-        box-shadow: 0px 0px 5px #b9b2b2;
-        display: flex;
-        flex-wrap: wrap;
-        width: 200px;
-        min-height: 100px;
-        padding: 10px;
-        li{
-            width: 90px;
-            height: 30px;
-            text-align: center;
-            &:hover{
-                cursor: pointer;
-            }
-        }
+    > span {
+      text-align: center;
+      width: 100px;
     }
+    > span:nth-child(1) {
+      font-size: 12px;
+      flex: 1;
+      text-align: left;
+    }
+    > span:last-child {
+      color: $theme_color;
+      font-weight: bold;
+    }
+    .goods-price {
+      font-size: 16px;
+    }
+  }
 }
-.goods-list{
-    background-color: #f8f8f8;
-    margin: 10px 0 20px 0;
-    .goods-item{
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 20px 0;
-        margin: 0 20px;
-        border-bottom: 1px dotted #999;
-        &:last-child{border:none;}
-        img{
-            width: 48px;
-            height: 48px;
-        }
-        >span{
-            text-align: center;
-            width: 100px;
-        }
-        >span:nth-child(1) {
-            font-size: 12px;
-            flex: 1;
-            text-align: left;
-        }
-        >span:last-child{
-            color: $theme_color;
-            font-weight: bold;
-        }
-        .goods-price{
-            font-size: 16px;
-        }
-    }
-}
-.order-mark{
-    width: 500px;
+.order-mark {
+  width: 500px;
 }
 /** 购买商品列表 end */
 /** 发票信息 start */
-.invoice{
-    .inv-tips{
-        position: absolute;
-        border: 1px solid #ddd;
-        width: 310px;
-        padding: 3px;
-        margin: 0 0 0 10px;
-        font-size: 12px!important;
-        box-shadow:  0 0 3px rgba(0,0,0,.15);
-        &::before{
-            content: '';
-            display: inline-block;
-            width: 12px;
-            height: 17px;
-            background:url(../../assets/images/arrow-left.png) 0 0 no-repeat;
-            background-color:#fff;
-            position: absolute;
-            left: -9px;
-        }
-        .ivu-icon{
-            color: #ff8f23;
-            margin-right: 3px;
-            font-size: 16px;
-            font-weight: bold;
-        }
+.invoice {
+  .inv-tips {
+    position: absolute;
+    border: 1px solid #ddd;
+    width: 310px;
+    padding: 3px;
+    margin: 0 0 0 10px;
+    font-size: 12px !important;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+    &::before {
+      content: "";
+      display: inline-block;
+      width: 12px;
+      height: 17px;
+      background: url(../../assets/images/arrow-left.png) 0 0 no-repeat;
+      background-color: #fff;
+      position: absolute;
+      left: -9px;
     }
-    .inovice-content{
-        >span {
-            margin-right: 10px;
-        }
-        >span:last-child{
-            color: $theme_color;
-            cursor: pointer;
-            &:hover{border-bottom: 1px solid $theme_color;}
-        }
+    .ivu-icon {
+      color: #ff8f23;
+      margin-right: 3px;
+      font-size: 16px;
+      font-weight: bold;
     }
+  }
+  .inovice-content {
+    > span {
+      margin-right: 10px;
+    }
+    > span:last-child {
+      color: $theme_color;
+      cursor: pointer;
+      &:hover {
+        border-bottom: 1px solid $theme_color;
+      }
+    }
+  }
 }
 /** 发票信息 end */
 
 /** 订单价格 */
-.order-price{
+.order-price {
+  text-align: right;
+  margin-top: 30px;
+  font-size: 16px;
+  color: #999;
+  > div > span:nth-child(2) {
+    width: 130px;
     text-align: right;
-    margin-top: 30px;
-    font-size: 16px;
-    color: #999;
-    >div>span:nth-child(2){
-        width: 130px;
-        text-align: right;
-        display: inline-block;
-        margin-top: 10px;
-    }
-    .actrual-price{
-        color: $theme_color;
-        font-weight: bold;
-        font-size: 20px;
-    }
+    display: inline-block;
+    margin-top: 10px;
+  }
+  .actrual-price {
+    color: $theme_color;
+    font-weight: bold;
+    font-size: 20px;
+  }
 }
 /** content end */
 /** 底部支付栏 */
 .order-footer {
-        height: 50px;
-        @include background_color($light_white_background_color);
-        @include title_color($title_color);
-        display: flex;
-        align-items: center;
-        flex-direction: row-reverse;
-        border-top: 1px solid #ddd;
-        margin: 10px auto;
-        div{
-            text-align: center;
-        }
-        position: sticky;
-        bottom: 0;
-        .pay {
-            background-color: $theme_color;
-            width: 150px;
-            font-size: 20px;
-            color: #fff;
-            height: 100%;
-            line-height: 50px;
-            cursor: pointer;
-        }
-    }
+  height: 50px;
+  @include background_color($light_white_background_color);
+  @include title_color($title_color);
+  display: flex;
+  align-items: center;
+  flex-direction: row-reverse;
+  border-top: 1px solid #ddd;
+  margin: 10px auto;
+  div {
+    text-align: center;
+  }
+  position: sticky;
+  bottom: 0;
+  .pay {
+    background-color: $theme_color;
+    width: 150px;
+    font-size: 20px;
+    color: #fff;
+    height: 100%;
+    line-height: 50px;
+    cursor: pointer;
+  }
+}
 /** 公共表头 */
 .card-head {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    border-bottom: 1px solid #dddddd;
-    height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #dddddd;
+  height: 40px;
 
-    span:nth-child(1){
-        font-size: 18px;
-    }
-    span:nth-child(2){
-        font-size: 12px;
-        color: #438cde;
-        cursor: pointer;
-        &:hover{
-            color: $theme_color;
-        }
+  span:nth-child(1) {
+    font-size: 18px;
+  }
+  span:nth-child(2) {
+    font-size: 12px;
+    color: #438cde;
+    cursor: pointer;
+    &:hover {
+      color: $theme_color;
     }
+  }
 }
 .ivu-divider {
-    background: $theme_color;
-    height: 2px;
+  background: $theme_color;
+  height: 2px;
 }
-.pay-address{font-size: 12px;}
-.more-addr{
-    cursor: pointer;
-    margin-top: 10px;
-    display: inline-block;
+.pay-address {
+  font-size: 12px;
+}
+.more-addr {
+  cursor: pointer;
+  margin-top: 10px;
+  display: inline-block;
 }
 .coupon-item {
-    width: 260px;
-    height: 125px;
-    margin-right: 10px;
-    margin-bottom: 10px;
-    .c-right{
-        width: 30px;
-        padding: 10px 7px;
-    }
-    b{
-      background: url('../../assets/images/small-circle.png') top left repeat-y;
-      right: 28px;
-    }
-    .circle-top,.circle-bottom{
-        right: 22px;
-    }
-    .used {
-      position: absolute;
-      top: 60px;
-      right: 40px;
-      width: 50px;
-      height: 50px;
-    }
+  width: 260px;
+  height: 125px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  .c-right {
+    width: 30px;
+    padding: 10px 7px;
+  }
+  b {
+    background: url("../../assets/images/small-circle.png") top left repeat-y;
+    right: 28px;
+  }
+  .circle-top,
+  .circle-bottom {
+    right: 22px;
+  }
+  .used {
+    position: absolute;
+    top: 60px;
+    right: 40px;
+    width: 50px;
+    height: 50px;
+  }
 }
 .coupon-list {
   max-height: 260px;
diff --git a/manager/src/api/goods.js b/manager/src/api/goods.js
index 935d1e1e..4b02cd15 100644
--- a/manager/src/api/goods.js
+++ b/manager/src/api/goods.js
@@ -5,6 +5,13 @@ import { getRequest, postRequest, putRequest, deleteRequest} from '@/libs/axios'
 export const getManagerBrandPage = (params) => {
     return getRequest('/goods/brand/getByPage', params)
 }
+
+// 批量删除
+export const delBrand = (ids) =>{
+  return deleteRequest(`/goods/brand/delByIds/${ids}`)
+}
+
+
 //  添加
 export const addBrand = (params) => {
     return postRequest('/goods/brand', params)
diff --git a/manager/src/config/index.js b/manager/src/config/index.js
index 9f868153..d9727bc5 100644
--- a/manager/src/config/index.js
+++ b/manager/src/config/index.js
@@ -17,10 +17,15 @@ export default {
    * @description api请求基础路径
    */
   api_dev: {
-    common: "https://common-api.pickmall.cn",
-    buyer: "https://buyer-api.pickmall.cn",
-    seller: "https://store-api.pickmall.cn",
-    manager: "https://admin-api.pickmall.cn"
+    // common: "https://common-api.pickmall.cn",
+    // buyer: "https://buyer-api.pickmall.cn",
+    // seller: "https://store-api.pickmall.cn",
+    // manager: "https://admin-api.pickmall.cn"
+    common: "http://192.168.0.100:8890",
+    buyer: "http://192.168.0.100:8888",
+    seller: "http://192.168.0.100:8889",
+    manager: "http://192.168.0.100:8887"
+
   },
   api_prod: {
     common: "https://common-api.pickmall.cn",
diff --git a/manager/src/views/goods/goods-manage/brand.vue b/manager/src/views/goods/goods-manage/brand.vue
index e11e1f19..b45dd2ce 100644
--- a/manager/src/views/goods/goods-manage/brand.vue
+++ b/manager/src/views/goods/goods-manage/brand.vue
@@ -1,25 +1,13 @@
 <style lang="scss">
-  @import "@/styles/table-common.scss";
+@import "@/styles/table-common.scss";
 </style>
 <template>
   <div class="search">
     <Card>
       <Row @keydown.enter.native="handleSearch">
-        <Form
-          ref="searchForm"
-          :model="searchForm"
-          inline
-          :label-width="70"
-          class="search-form"
-        >
+        <Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
           <Form-item label="品牌名称" prop="name">
-            <Input
-              type="text"
-              v-model="searchForm.name"
-              placeholder="请输入品牌名称"
-              clearable
-              style="width: 200px"
-            />
+            <Input type="text" v-model="searchForm.name" placeholder="请输入品牌名称" clearable style="width: 200px" />
           </Form-item>
 
           <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
@@ -28,370 +16,375 @@
       <Row class="operation padding-row">
         <Button @click="add" type="primary">添加</Button>
       </Row>
-      <Table
-        :loading="loading"
-        border
-        :columns="columns"
-        :data="data"
-        ref="table"
-        sortable="custom"
-        @on-sort-change="changeSort"
-        @on-selection-change="changeSelect"
-      ></Table>
+      <Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect"></Table>
       <Row type="flex" justify="end" class="page">
-        <Page
-          :current="searchForm.pageNumber"
-          :total="total"
-          :page-size="searchForm.pageSize"
-          @on-change="changePage"
-          @on-page-size-change="changePageSize"
-          :page-size-opts="[10, 20, 50]"
-          size="small"
-          show-total
-          show-elevator
-          show-sizer
-        ></Page>
+        <Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]" size="small"
+          show-total show-elevator show-sizer></Page>
       </Row>
     </Card>
-    <Modal
-      :title="modalTitle"
-      v-model="modalVisible"
-      :mask-closable="false"
-      :width="500"
-    >
+    <Modal :title="modalTitle" v-model="modalVisible" :mask-closable="false" :width="500">
       <Form ref="form" :model="form" :label-width="100" :rules="formValidate">
         <FormItem label="品牌名称" prop="name">
-          <Input v-model="form.name" clearable style="width: 100%"/>
+          <Input v-model="form.name" clearable style="width: 100%" />
         </FormItem>
         <FormItem label="品牌图标" prop="logo">
-          <upload-pic-input
-            v-model="form.logo"
-            style="width: 100%"
-          ></upload-pic-input>
+          <upload-pic-input v-model="form.logo" style="width: 100%"></upload-pic-input>
         </FormItem>
       </Form>
       <div slot="footer">
         <Button type="text" @click="modalVisible = false">取消</Button>
-        <Button type="primary" :loading="submitLoading" @click="handleSubmit"
-        >提交
-        </Button
-        >
+        <Button type="primary" :loading="submitLoading" @click="handleSubmit">提交
+        </Button>
       </div>
     </Modal>
   </div>
 </template>
 
 <script>
-  import {getManagerBrandPage, addBrand,updateBrand, disableBrand} from "@/api/goods";
-  import uploadPicInput from "@/views/my-components/lili/upload-pic-input";
+import {
+  getManagerBrandPage,
+  addBrand,
+  updateBrand,
+  disableBrand,
+  delBrand,
+} from "@/api/goods";
+import uploadPicInput from "@/views/my-components/lili/upload-pic-input";
 
-  export default {
-    name: "brand",
-    components: {
-      uploadPicInput,
-    },
-    data() {
-      return {
-        loading: true, // 表单加载状态
-        modalType: 0, // 添加或编辑标识
-        modalVisible: false, // 添加或编辑显示
-        modalTitle: "", // 添加或编辑标题
-        searchForm: {
-          // 搜索框初始化对象
-          pageNumber: 1, // 当前页数
-          pageSize: 10, // 页面大小
-          sort: "create_time", // 默认排序字段
-          order: "desc", // 默认排序方式
+export default {
+  name: "brand",
+  components: {
+    uploadPicInput,
+  },
+  data() {
+    return {
+      loading: true, // 表单加载状态
+      modalType: 0, // 添加或编辑标识
+      modalVisible: false, // 添加或编辑显示
+      modalTitle: "", // 添加或编辑标题
+      searchForm: {
+        // 搜索框初始化对象
+        pageNumber: 1, // 当前页数
+        pageSize: 10, // 页面大小
+        sort: "create_time", // 默认排序字段
+        order: "desc", // 默认排序方式
+      },
+      form: {
+        // 添加或编辑表单对象初始化数据
+        name: "",
+        logo: "",
+        deleteFlag: "",
+      },
+      // 表单验证规则
+      formValidate: {},
+      submitLoading: false, // 添加或编辑提交状态
+      selectList: [], // 多选数据
+      selectCount: 0, // 多选计数
+      columns: [
+        {
+          title: "品牌名称",
+          key: "name",
+          width: 200,
+          resizable: true,
+          sortable: false,
         },
-        form: {
-          // 添加或编辑表单对象初始化数据
-          name: "",
-          logo: "",
-          deleteFlag: "",
+        {
+          title: "品牌图标",
+          key: "logo",
+          align: "left",
+          render: (h, params) => {
+            return h("img", {
+              attrs: {
+                src: params.row.logo,
+                alt: "加载图片失败",
+              },
+              style: {
+                cursor: "pointer",
+                width: "80px",
+                height: "60px",
+                margin: "10px 0",
+                "object-fit": "contain",
+              },
+            });
+          },
         },
-        // 表单验证规则
-        formValidate: {},
-        submitLoading: false, // 添加或编辑提交状态
-        selectList: [], // 多选数据
-        selectCount: 0, // 多选计数
-        columns: [
-          {
-            title: "品牌名称",
-            key: "name",
-            width: 200,
-            resizable: true,
-            sortable: false,
-          },
-          {
-            title: "品牌图标",
-            key: "logo",
-            align: "left",
-            render: (h, params) => {
-              return h("img", {
-                attrs: {
-                  src: params.row.logo,
-                  alt: "加载图片失败",
-                },
-                style: {
-                  cursor: "pointer",
-                  width: "80px",
-                  height: "60px",
-                  margin: "10px 0",
-                  "object-fit": "contain",
-                },
-              });
-            },
-          },
-          {
-            title: "状态",
-            key: "deleteFlag",
-            align: "left",
-            render: (h, params) => {
-              if (params.row.deleteFlag == 0) {
-                return h("div", [
-                  h("Badge", {
-                    props: {
-                      status: "success",
-                      text: "启用",
-                    },
-                  }),
-                ]);
-              } else if (params.row.deleteFlag == 1) {
-                return h("div", [
-                  h("Badge", {
-                    props: {
-                      status: "error",
-                      text: "禁用",
-                    },
-                  }),
-                ]);
-              }
-            },
-            filters: [
-              {
-                label: "启用",
-                value: 0,
-              },
-              {
-                label: "禁用",
-                value: 1,
-              },
-            ],
-            filterMultiple: false,
-            filterMethod(value, row) {
-              if (value == 0) {
-                return row.deleteFlag == 0;
-              } else if (value == 1) {
-                return row.deleteFlag == 1;
-              }
-            },
-          },
-          {
-            title: "操作",
-            key: "action",
-            width: 180,
-            align: "center",
-            fixed: "right",
-            render: (h, params) => {
-              let enableOrDisable = "";
-              if (params.row.deleteFlag == 0) {
-                enableOrDisable = h(
-                  "Button",
-                  {
-                    props: {
-                      size: "small",
-                      type: "error",
-                    },
-                    style: {
-                      marginRight: "5px",
-                    },
-                    on: {
-                      click: () => {
-                        this.disable(params.row);
-                      },
-                    },
-                  },
-                  "禁用"
-                );
-              } else {
-                enableOrDisable = h(
-                  "Button",
-                  {
-                    props: {
-                      type: "success",
-                      size: "small",
-                    },
-                    style: {
-                      marginRight: "5px",
-                    },
-                    on: {
-                      click: () => {
-                        this.enable(params.row);
-                      },
-                    },
-                  },
-                  "启用"
-                );
-              }
+        {
+          title: "状态",
+          key: "deleteFlag",
+          align: "left",
+          render: (h, params) => {
+            if (params.row.deleteFlag == 0) {
               return h("div", [
-                h(
-                  "Button",
-                  {
-                    props: {
-                      type: "info",
-                      size: "small",
-                    },
-                    style: {
-                      marginRight: "5px",
-                    },
-                    on: {
-                      click: () => {
-                        this.edit(params.row);
-                      },
+                h("Badge", {
+                  props: {
+                    status: "success",
+                    text: "启用",
+                  },
+                }),
+              ]);
+            } else if (params.row.deleteFlag == 1) {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "禁用",
+                  },
+                }),
+              ]);
+            }
+          },
+          filters: [
+            {
+              label: "启用",
+              value: 0,
+            },
+            {
+              label: "禁用",
+              value: 1,
+            },
+          ],
+          filterMultiple: false,
+          filterMethod(value, row) {
+            if (value == 0) {
+              return row.deleteFlag == 0;
+            } else if (value == 1) {
+              return row.deleteFlag == 1;
+            }
+          },
+        },
+        {
+          title: "操作",
+          key: "action",
+          width: 180,
+          align: "center",
+          fixed: "right",
+          render: (h, params) => {
+            let enableOrDisable = "";
+            if (params.row.deleteFlag == 0) {
+              enableOrDisable = h(
+                "Button",
+                {
+                  props: {
+                    size: "small",
+                    type: "error",
+                  },
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.disable(params.row);
                     },
                   },
-                  "编辑"
-                ),
-                enableOrDisable,
-              ]);
-            },
-          },
-        ],
-        data: [], // 表单数据
-        total: 0, // 表单数据总数
-      };
-    },
-    methods: {
-      init() {
-        this.getDataList();
-      },
-      changePage(v) {
-        this.searchForm.pageNumber = v;
-        this.getDataList();
-        this.clearSelectAll();
-      },
-      changePageSize(v) {
-        this.searchForm.pageSize = v;
-        this.getDataList();
-      },
-      handleSearch() {
-        this.searchForm.pageNumber = 1;
-        this.searchForm.pageSize = 10;
-        this.getDataList();
-      },
-      changeSort(e) {
-        this.searchForm.sort = e.key;
-        this.searchForm.order = e.order;
-        if (e.order === "normal") {
-          this.searchForm.order = "";
-        }
-        this.getDataList();
-      },
-      clearSelectAll() {
-        this.$refs.table.selectAll(false);
-      },
-      changeSelect(e) {
-        this.selectList = e;
-        this.selectCount = e.length;
-      },
-      getDataList() {
-        this.loading = true;
-        // 带多条件搜索参数获取表单数据 请自行修改接口
-        getManagerBrandPage(this.searchForm).then((res) => {
-          this.loading = false;
-          if (res.success) {
-            console.warn(12)
-            this.data = res.result.records;
-            this.total = res.result.total;
-          }
-        });
-      },
-      handleSubmit() {
-        this.$refs.form.validate((valid) => {
-          if (valid) {
-            this.submitLoading = true;
-            if (this.modalType === 0) {
-              // 添加 避免编辑后传入id等数据 记得删除
-              delete this.form.id;
-              addBrand(this.form).then((res) => {
-                this.submitLoading = false;
-                if (res.success) {
-                  this.$Message.success("操作成功");
-                  this.getDataList();
-                  this.modalVisible = false;
-                }
-              });
+                },
+                "禁用"
+              );
             } else {
-              // 编辑
-              updateBrand(this.form).then((res) => {
-                this.submitLoading = false;
-                if (res.success) {
-                  this.$Message.success("操作成功");
-                  this.getDataList();
-                  this.modalVisible = false;
-                }
-              });
+              enableOrDisable = h(
+                "Button",
+                {
+                  props: {
+                    type: "success",
+                    size: "small",
+                  },
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.enable(params.row);
+                    },
+                  },
+                },
+                "启用"
+              );
             }
-          }
-        });
-      },
-      add() {
-        this.modalType = 0;
-        this.modalTitle = "添加";
-        this.$refs.form.resetFields();
-        delete this.form.id;
-        this.modalVisible = true;
-      },
-      edit(v) {
-        this.modalType = 1;
-        this.modalTitle = "编辑";
-        this.$refs.form.resetFields();
-        // 转换null为""
-        for (let attr in v) {
-          if (v[attr] === null) {
-            v[attr] = "";
+            return h("div", [
+              h(
+                "Button",
+                {
+                  props: {
+                    type: "info",
+                    size: "small",
+                  },
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.edit(params.row);
+                    },
+                  },
+                },
+                "编辑"
+              ),
+              enableOrDisable,
+
+              h(
+                "Button",
+                {
+                  props: {
+                    size: "small",
+                  },
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.delBrand(params.row.id);
+                    },
+                  },
+                },
+                "删除"
+              ),
+            ]);
+          },
+        },
+      ],
+      data: [], // 表单数据
+      total: 0, // 表单数据总数
+    };
+  },
+  methods: {
+    // 删除品牌
+    async delBrand(id) {
+      let res = await delBrand(id);
+
+      if (res.success) {
+        this.$Message.success("品牌删除成功!");
+        this.getDataList();
+      }
+    },
+
+    init() {
+      this.getDataList();
+    },
+    changePage(v) {
+      this.searchForm.pageNumber = v;
+      this.getDataList();
+      this.clearSelectAll();
+    },
+    changePageSize(v) {
+      this.searchForm.pageSize = v;
+      this.getDataList();
+    },
+    handleSearch() {
+      this.searchForm.pageNumber = 1;
+      this.searchForm.pageSize = 10;
+      this.getDataList();
+    },
+    changeSort(e) {
+      this.searchForm.sort = e.key;
+      this.searchForm.order = e.order;
+      if (e.order === "normal") {
+        this.searchForm.order = "";
+      }
+      this.getDataList();
+    },
+    clearSelectAll() {
+      this.$refs.table.selectAll(false);
+    },
+    changeSelect(e) {
+      this.selectList = e;
+      this.selectCount = e.length;
+    },
+    getDataList() {
+      this.loading = true;
+      // 带多条件搜索参数获取表单数据 请自行修改接口
+      getManagerBrandPage(this.searchForm).then((res) => {
+        this.loading = false;
+        if (res.success) {
+          console.warn(12);
+          this.data = res.result.records;
+          this.total = res.result.total;
+        }
+      });
+    },
+    handleSubmit() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.submitLoading = true;
+          if (this.modalType === 0) {
+            // 添加 避免编辑后传入id等数据 记得删除
+            delete this.form.id;
+            addBrand(this.form).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("操作成功");
+                this.getDataList();
+                this.modalVisible = false;
+              }
+            });
+          } else {
+            // 编辑
+            updateBrand(this.form).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("操作成功");
+                this.getDataList();
+                this.modalVisible = false;
+              }
+            });
           }
         }
-        let str = JSON.stringify(v);
-        let data = JSON.parse(str);
-        this.form = data;
-        this.modalVisible = true;
-      },
-      enable(v) {
-        this.$Modal.confirm({
-          title: "确认启用",
-          content: "您确认要启用品牌 " + v.name + " ?",
-          loading: true,
-          onOk: () => {
-            disableBrand(v.id, {disable: false}).then((res) => {
-              this.$Modal.remove();
-              if (res.success) {
-                this.$Message.success("操作成功");
-                this.getDataList();
-              }
-            });
-          },
-        });
-      },
-      disable(v) {
-        this.$Modal.confirm({
-          title: "确认禁用",
-          content: "您确认要禁用品牌 " + v.name + " ?",
-          loading: true,
-          onOk: () => {
-            disableBrand(v.id, {disable: true}).then((res) => {
-              this.$Modal.remove();
-              if (res.success) {
-                this.$Message.success("操作成功");
-                this.getDataList();
-              }
-            });
-          },
-        });
-      },
+      });
     },
-    mounted() {
-      this.init();
+    add() {
+      this.modalType = 0;
+      this.modalTitle = "添加";
+      this.$refs.form.resetFields();
+      delete this.form.id;
+      this.modalVisible = true;
     },
-  };
+    edit(v) {
+      this.modalType = 1;
+      this.modalTitle = "编辑";
+      this.$refs.form.resetFields();
+      // 转换null为""
+      for (let attr in v) {
+        if (v[attr] === null) {
+          v[attr] = "";
+        }
+      }
+      let str = JSON.stringify(v);
+      let data = JSON.parse(str);
+      this.form = data;
+      this.modalVisible = true;
+    },
+    enable(v) {
+      this.$Modal.confirm({
+        title: "确认启用",
+        content: "您确认要启用品牌 " + v.name + " ?",
+        loading: true,
+        onOk: () => {
+          disableBrand(v.id, { disable: false }).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("操作成功");
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+    disable(v) {
+      this.$Modal.confirm({
+        title: "确认禁用",
+        content: "您确认要禁用品牌 " + v.name + " ?",
+        loading: true,
+        onOk: () => {
+          disableBrand(v.id, { disable: true }).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("操作成功");
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+  },
+  mounted() {
+    this.init();
+  },
+};
 </script>
diff --git a/manager/src/views/goods/goods-manage/category.vue b/manager/src/views/goods/goods-manage/category.vue
index b4183fe8..f2b70e07 100644
--- a/manager/src/views/goods/goods-manage/category.vue
+++ b/manager/src/views/goods/goods-manage/category.vue
@@ -11,7 +11,7 @@
     <tree-table ref="treeTable" size="default" :loading="loading" :data="tableData" :columns="columns" :border="true" :show-index="false" :is-fold="true" :expand-type="false" primary-key="id">
 
       <template slot="action" slot-scope="scope">
-        <Dropdown v-show="scope.row.level == 2"  transfer="true" trigger="click">
+        <Dropdown v-show="scope.row.level == 2" transfer="true" trigger="click">
           <Button size="small">
             绑定
             <Icon type="ios-arrow-down"></Icon>
@@ -212,13 +212,17 @@ export default {
         },
       ],
       tableData: [],
+      categoryIndex: 0,
     };
   },
   methods: {
-
     changeSortCate(val) {
-      let way = this.categoryList.find((item) => {
-        return item.name == val;
+      let way = this.categoryList.find((item, index) => {
+        if (item.name == val) {
+          this.categoryIndex = index;
+          console.log((this.categoryIndex = index));
+          return item.name == val;
+        }
       });
       this.tableData = [way];
     },
@@ -244,7 +248,7 @@ export default {
     //弹出品牌关联框
     brandOperation(v) {
       getCategoryBrandListData(v.id).then((res) => {
-        console.warn(res)
+        console.warn(res);
         this.categoryId = v.id;
         this.modalBrandTitle = "品牌关联";
         this.brandForm.categoryBrands = res.result.map((item) => item.id);
@@ -337,7 +341,7 @@ export default {
               this.submitLoading = false;
               if (res.success) {
                 this.$Message.success("添加成功");
-                this.getAllList(0);
+                this.getAllList(this.categoryIndex);
                 this.modalVisible = false;
                 this.$refs.form.resetFields();
               }
@@ -348,7 +352,7 @@ export default {
               this.submitLoading = false;
               if (res.success) {
                 this.$Message.success("修改成功");
-                this.getAllList(0);
+                this.getAllList(this.categoryIndex);
                 this.modalVisible = false;
                 this.$refs.form.resetFields();
               }
@@ -376,13 +380,11 @@ export default {
       });
     },
     getAllList(parent_id) {
-      this.sortCateList = []
+      this.sortCateList = [];
       this.loading = true;
       getCategoryTree(parent_id).then((res) => {
         this.loading = false;
         if (res.success) {
-          // 仅展开指定级数 默认后台已展开所有
-          let expandLevel = this.expandLevel;
           localStorage.setItem("category", JSON.stringify(res.result));
           res.result.forEach((e, index, arr) => {
             this.sortCateList.push({
@@ -390,65 +392,14 @@ export default {
               value: e.name,
             });
             this.sortCate = arr[0].name;
-            if (expandLevel == 1) {
-              if (e.level == 0) {
-                e.expand = false;
-              }
-              if (e.children && e.children.length > 0) {
-                e.children.forEach(function (c) {
-                  if (c.level == 1) {
-                    c.expand = false;
-                  }
-                  if (c.children && c.children.length > 0) {
-                    c.children.forEach(function (b) {
-                      if (b.level == 2) {
-                        b.expand = false;
-                      }
-                    });
-                  }
-                });
-              }
-            } else if (expandLevel == 2) {
-              if (e.level == 0) {
-                e.expand = true;
-              }
-              if (e.children && e.children.length > 0) {
-                e.children.forEach(function (c) {
-                  if (c.level == 1) {
-                    c.expand = false;
-                  }
-                  if (c.children && c.children.length > 0) {
-                    c.children.forEach(function (b) {
-                      if (b.level == 2) {
-                        b.expand = false;
-                      }
-                    });
-                  }
-                });
-              }
-            } else if (expandLevel == 3) {
-              if (e.level == 0) {
-                e.expand = true;
-              }
-              if (e.children && e.children.length > 0) {
-                e.children.forEach(function (c) {
-                  if (c.level == 1) {
-                    c.expand = true;
-                  }
-                  if (c.children && c.children.length > 0) {
-                    c.children.forEach(function (b) {
-                      if (b.level == 2) {
-                        b.expand = false;
-                      }
-                    });
-                  }
-                });
-              }
-            }
           });
 
           this.categoryList = res.result;
-          this.tableData = [res.result[0]];
+
+
+          this.$nextTick(() => {
+            this.$set(this, "tableData", [res.result[this.categoryIndex]]);
+          });
         }
       });
     },

From d9368b75143dec95125cdeb20f83013656461bb4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?lemon=E6=A9=AA?= <17633066053@163.com>
Date: Fri, 18 Jun 2021 17:11:18 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E5=95=86=E5=93=81=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=BB=91=E5=AE=9A=E8=A7=84=E6=A0=BC=E5=85=AB?=
 =?UTF-8?q?=E9=98=BF=E5=93=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 buyer/src/api/shopentry.js                    |   2 +-
 buyer/src/pages/shopEntry/shop-entry.vue      | 122 +++++++-----------
 manager/src/config/index.js                   |   8 +-
 .../src/views/goods/goods-manage/category.vue |  26 +---
 4 files changed, 61 insertions(+), 97 deletions(-)

diff --git a/buyer/src/api/shopentry.js b/buyer/src/api/shopentry.js
index 82020595..ae8e6309 100644
--- a/buyer/src/api/shopentry.js
+++ b/buyer/src/api/shopentry.js
@@ -61,7 +61,7 @@ export function getCateById (id) {
 //  店铺入驻协议
 export function agreement () {
   return request({
-    url: `/buyer/article/get/1349291301250293760`,
+    url: `/buyer/article/type/STORE_REGISTER`,
     needToken: true,
     method: Method.GET
   })
diff --git a/buyer/src/pages/shopEntry/shop-entry.vue b/buyer/src/pages/shopEntry/shop-entry.vue
index f522377f..fb112e49 100644
--- a/buyer/src/pages/shopEntry/shop-entry.vue
+++ b/buyer/src/pages/shopEntry/shop-entry.vue
@@ -9,23 +9,11 @@
         <Step title="其他信息"></Step>
         <Step title="提交审核"></Step>
       </Steps>
-      <first-apply
-        v-if="currentIndex == 0 && dataReview"
-        :content="firstData"
-        @change="nextPage"
-      ></first-apply>
+      <first-apply v-if="currentIndex == 0 && dataReview" :content="firstData" @change="nextPage"></first-apply>
 
-      <second-apply
-        v-if="currentIndex == 1 && dataReview"
-        :content="secondData"
-        @change="nextPage"
-      ></second-apply>
+      <second-apply v-if="currentIndex == 1 && dataReview" :content="secondData" @change="nextPage"></second-apply>
 
-      <third-apply
-        v-if="currentIndex == 2 && dataReview"
-        :content="thirdData"
-        @change="nextPage"
-      ></third-apply>
+      <third-apply v-if="currentIndex == 2 && dataReview" :content="thirdData" @change="nextPage"></third-apply>
 
       <div class="success-page" v-if="currentIndex == 3">
         <span v-if="storeDisable == '' || storeDisable == 'APPLYING'">入驻申请提交成功，等待平台审核</span>
@@ -37,62 +25,51 @@
       <Button type="primary" @click='currentIndex = 0' v-if="storeDisable === 'REFUSED' && currentIndex === 3">重新申请</Button>
     </div>
 
-    <Modal
-      title="店铺入驻协议"
-      v-model="showAgreement"
-      width="1200"
-      :closable="false"
-      :mask-closable="false"
-    >
+    <Modal title="店铺入驻协议" v-model="showAgreement" width="1200" :closable="false" :mask-closable="false">
       <div class="agreeent-con" v-html="agreementCon"></div>
 
       <div slot="footer" style="text-align: center">
-        <p><Checkbox v-model="checked">我已同意以上协议</Checkbox></p>
-        <Button
-          type="primary"
-          :disabled="!checked"
-          class="margin"
-          @click="showAgreement = false"
-          >同意协议填写资质信息</Button
-        >
+        <p>
+          <Checkbox v-model="checked">我已同意以上协议</Checkbox>
+        </p>
+        <Button type="primary" :disabled="!checked" class="margin" @click="showAgreement = false">同意协议填写资质信息</Button>
       </div>
     </Modal>
   </div>
 </template>
 <script>
-import { agreement, applyStatus } from '@/api/shopentry';
-import firstApply from './first-apply';
-import secondApply from './second-apply';
-import thirdApply from './third-apply';
+import { agreement, applyStatus } from "@/api/shopentry";
+import firstApply from "./first-apply";
+import secondApply from "./second-apply";
+import thirdApply from "./third-apply";
 export default {
   components: {
     firstApply,
     secondApply,
-    thirdApply
+    thirdApply,
   },
-  data () {
+  data() {
     return {
       currentIndex: 0, // 当前步骤
       showAgreement: false, // 协议显示
-      agreementCon: '', // 协议内容
+      agreementCon: "", // 协议内容
       checked: false, // 选中协议
       applyData: {}, // 申请数据
       firstData: {}, // 第一步数据
       secondData: {}, // 第二步数据
       thirdData: {}, // 第三步数据
-      storeDisable: '', // APPLY OPEN 开店中 CLOSED 关闭 REFUSED 拒绝 APPLYING 申请中，审核
-      dataReview: true // 根据接口返回判断是否可展示数据
+      storeDisable: "", // APPLY OPEN 开店中 CLOSED 关闭 REFUSED 拒绝 APPLYING 申请中，审核
+      dataReview: true, // 根据接口返回判断是否可展示数据
     };
   },
   methods: {
-    getArticle () {
+    getArticle() {
       // 入驻协议
       agreement().then((res) => {
-        console.log(res);
-        this.agreementCon = res.result;
+        this.agreementCon = res.result.content;
       });
     },
-    getData () {
+    getData() {
       applyStatus().then((res) => {
         if (res.success) {
           if (!res.result) {
@@ -101,34 +78,34 @@ export default {
             this.dataReview = false;
             let data = res.result;
             let first = [
-              'addressIdPath',
-              'addressPath',
-              'companyAddress',
-              'companyEmail',
-              'companyName',
-              'employeeNum',
-              'legalId',
-              'legalName',
-              'licencePhoto',
-              'legalPhoto',
-              'licenseNum',
-              'linkName',
-              'linkPhone',
-              'registeredCapital',
-              'scope'
+              "addressIdPath",
+              "addressPath",
+              "companyAddress",
+              "companyEmail",
+              "companyName",
+              "employeeNum",
+              "legalId",
+              "legalName",
+              "licencePhoto",
+              "legalPhoto",
+              "licenseNum",
+              "linkName",
+              "linkPhone",
+              "registeredCapital",
+              "scope",
             ];
             let second = [
-              'settlementBankAccountName',
-              'settlementBankAccountNum',
-              'settlementBankBranchName',
-              'settlementBankJointName'
+              "settlementBankAccountName",
+              "settlementBankAccountNum",
+              "settlementBankBranchName",
+              "settlementBankJointName",
             ];
             let third = [
-              'goodsManagementCategory',
-              'storeCenter',
-              'storeDesc',
-              'storeLogo',
-              'storeName'
+              "goodsManagementCategory",
+              "storeCenter",
+              "storeDesc",
+              "storeLogo",
+              "storeName",
             ];
 
             this.storeDisable = data.storeDisable;
@@ -143,7 +120,7 @@ export default {
               this.thirdData[e] = data[e];
             });
 
-            if (this.storeDisable === 'APPLY') {
+            if (this.storeDisable === "APPLY") {
               this.currentIndex = 0;
             } else {
               this.currentIndex = 3;
@@ -154,13 +131,14 @@ export default {
         }
       });
     },
-    nextPage (step) {
+    nextPage(step) {
       this.currentIndex = step;
-    }
+    },
   },
-  mounted () {
+  mounted() {
     this.getData();
-  }
+    this.getArticle();
+  },
 };
 </script>
 <style lang="scss" scoped>
diff --git a/manager/src/config/index.js b/manager/src/config/index.js
index d9727bc5..e8363c9d 100644
--- a/manager/src/config/index.js
+++ b/manager/src/config/index.js
@@ -21,10 +21,10 @@ export default {
     // buyer: "https://buyer-api.pickmall.cn",
     // seller: "https://store-api.pickmall.cn",
     // manager: "https://admin-api.pickmall.cn"
-    common: "http://192.168.0.100:8890",
-    buyer: "http://192.168.0.100:8888",
-    seller: "http://192.168.0.100:8889",
-    manager: "http://192.168.0.100:8887"
+    common: "http://192.168.0.109:8890",
+    buyer: "http://192.168.0.109:8888",
+    seller: "http://192.168.0.109:8889",
+    manager: "http://192.168.0.109:8887"
 
   },
   api_prod: {
diff --git a/manager/src/views/goods/goods-manage/category.vue b/manager/src/views/goods/goods-manage/category.vue
index f2b70e07..1bcc3217 100644
--- a/manager/src/views/goods/goods-manage/category.vue
+++ b/manager/src/views/goods/goods-manage/category.vue
@@ -106,7 +106,7 @@
 
     <Modal :title="modalSpecTitle" v-model="modalSpecVisible" :mask-closable="false" :width="500">
       <Form ref="specForm" :model="specForm" :label-width="100">
-        <Select v-model="specForm.category_specs" multiple>
+        <Select v-model="specForm.categorySpecs" multiple>
           <Option v-for="item in specifications" :value="item.id" :key="item.id" :label="item.specName">
           </Option>
         </Select>
@@ -134,7 +134,6 @@ import {
 } from "@/api/goods";
 import TreeTable from "@/views/my-components/tree-table/Table/Table";
 import uploadPicInput from "@/views/my-components/lili/upload-pic-input";
-import * as filters from "@/utils/filters";
 
 export default {
   name: "lili-components",
@@ -153,7 +152,7 @@ export default {
       specifications: [], //规格集合
       categoryId: "", // 分类id
       category_brands: [], //已经选择的品牌
-      category_specs: [], //已经选择的规格
+      categorySpecs: [], //已经选择的规格
       expandLevel: 1, // 展开层级
       modalType: 0, // 添加或编辑标识
       modalVisible: false, // 添加或编辑显示
@@ -240,7 +239,8 @@ export default {
     //获取所有规格
     getSpecList() {
       getSpecificationList().then((res) => {
-        if (res.success) {
+        if (res.length != 0) {
+
           this.specifications = res;
         }
       });
@@ -261,7 +261,8 @@ export default {
       getCategorySpecListData(v.id).then((res) => {
         this.categoryId = v.id;
         this.modalSpecTitle = "规格关联";
-        this.specForm.category_specs = res.map((item) => item.id);
+        console.log(res);
+        this.specForm.categorySpecs = res.map((item) => item.id);
         this.modalSpecVisible = true;
       });
     },
@@ -396,7 +397,6 @@ export default {
 
           this.categoryList = res.result;
 
-
           this.$nextTick(() => {
             this.$set(this, "tableData", [res.result[this.categoryIndex]]);
           });
@@ -459,22 +459,8 @@ export default {
   background: #fff;
   padding: 20px;
 }
-.article {
-  font-size: 16px;
-  font-weight: 400;
-  margin: 12px 0;
-}
-
-.href-text {
-  font-size: 12px;
-}
 
 .operation {
   margin-bottom: 2vh;
 }
-
-.select-count {
-  font-weight: 600;
-  color: #40a9ff;
-}
 </style>