feat: 商品业务组件多样化/更换测试地址

src/App.vue

@@ -21,18 +21,13 @@ export default {
     }
   },
   created() {
-    if (process.env.NODE_ENV === 'development') {
-      // console.log('开发环境')
-      this.$httpApi
-        .loginAdminTest({ loginname: 'admin', pwd: '123456' })
-        .then((res) => {
-          console.log(res)
-          this.getPermission()
-        })
-    } else {
-      // console.log('生产环境')
-      this.getPermission()
-    }
+    this.$httpApi
+      .loginAdminTest({ loginname: 'admin', pwd: '123456' })
+      .then((res) => {
+        console.log(res)
+        this.getPermission()
+        this.getShopCommodity()
+      })
   },
   mounted() {
     //将hasPermission挂载到window
@@ -48,6 +43,7 @@ export default {
         this.isRouterAlive = true
       })
     },
+    // 获取当前用户权限
     getPermission() {
       this.$httpApi.getPermission().then((res) => {
         let permissionsList = res.data.permissionsList
@@ -57,9 +53,26 @@ export default {
         }
       })
     },
+    // 返回一个布尔值，判断对象是否包含特定的自身（非继承）属性
     hasPermission(permission) {
       return this.permissionsJson.hasOwnProperty(permission)
     },
+    // 获取商品数据
+    getShopCommodity() {
+      this.$httpApi
+        .getShopCommodity()
+        .then((res) => {
+          this.loading = false
+          console.log(res.data.shopCommodity, '------------------shopCommodity')
+          localStorage.setItem(
+            'shopCommodity',
+            JSON.stringify(res.data.shopCommodity)
+          )
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
   },
 }
 </script>
@@ -86,7 +99,7 @@ export default {
   transform: translateX(5px);
   opacity: 0;
 }
-.el-message-box.JSONView{
+.el-message-box.JSONView {
   width: 1100px;
 }
 </style>

src/api/api.js

@@ -114,7 +114,7 @@ class httpApi {
 		method: 'post'
 	})
 
-	//获取当前用户权限
+	//手机登录接口
 	loginAdminTest = data => httpAjax({
 		url: '/loginAdminTest',
 		data,

src/components/rightslider/listswitchingstyle/productUpload.vue

@@ -1,34 +1,6 @@
 <!-- 已被弃用  该组件为抽离的 魔方组件种商品上传 -->
 <template>
   <div class="productUpload">
-    <!-- 分类名称 -->
-    <!-- <section v-for="(item, index) in datas.commoditylisttypetab" :key="index">
-
-    <div class="bor" />
-
-    <el-input v-model="item.text" class="tit" style="width: 100px" placeholder="请输入分组名称" size="mini" />
-    <i @click="delecommoditylisttypetab(index)" class="el-icon-delete" style="cursor: pointer;padding: 2px 4px;fnot-size: 12px;margin-left: 200px;color: red;" />
-
-    <vuedraggable v-model="item.imageList" v-bind="dragOptions">
-      <transition-group>
-        <section class="imgBanner" v-for="(item, ind) in item.imageList" :key="item+ind">
-          <i class="el-icon-circle-close" @click="delecommodityimg(index, ind)" />
-          <div class="imag">
-            <img draggable="false" :src="item.coverUrl" alt="">
-          </div>
-          <div class="imgText">
-            <div>
-              <el-input disabled="disabled" style="width: 65%" v-model="item.name" size="mini" />
-              <el-input disabled="disabled" type="number" style="width: 35%" v-model.number="item.price" size="mini" />
-            </div>
-            <el-input disabled="disabled" v-model="item.introduce" size="mini" />
-          </div>
-        </section>
-      </transition-group>
-    </vuedraggable>
-
-    <el-button @click="dialogVisibleshow('commoditylisttypetab', index)" class="uploadImg" type="primary" plain><i class="el-icon-plus" />点击添加商品</el-button>
-  </section> -->
     <vuedraggable v-model="datas.commoditylisttypetab" v-bind="dragOptions">
       <section
         class="magiccubestyleList"

src/router/index.js

@@ -4,7 +4,6 @@ import VueRouter from 'vue-router'
 Vue.use(VueRouter)
 
 const routes = [
-  // { path: '/', redirect: '/establishShop' },
   {
     path: '/',
     name: 'layout',
@@ -12,7 +11,7 @@ const routes = [
     component: () => import('@/layout'),
     children: [
       {
-        //首页
+        //  首页
         path: '/home',
         name: 'home',
         component: () => import('@/layout/home'),
@@ -20,7 +19,7 @@ const routes = [
     ],
   },
   {
-    //创建页面
+    //  创建页面
     path: '/establishShop',
     name: 'establishShop',
     component: () => import('@/views/establishShop'),
@@ -28,7 +27,8 @@ const routes = [
 ]
 
 const router = new VueRouter({
-  routes,
+  base: process.env.BASE_URL,
+  routes
 })
 
 export default router

src/views/establishShop/index.vue

@@ -403,7 +403,7 @@ export default {
           this.tableData = res.data
         })
         .then(() => {
-          this.getShopCommodity()
+          this.loading = false
         })
         .catch(() => {
           this.loading = false
@@ -667,24 +667,7 @@ export default {
       console.log(err)
       console.log(file)
       console.log(fileList)
-    },
-    getShopCommodity() {
-      this.$httpApi
-        .getShopCommodity()
-        .then((res) => {
-          this.loading = false
-
-          
-          console.log(res.data.shopCommodity, '------------------shopCommodity')
-          localStorage.setItem(
-            'shopCommodity',
-            JSON.stringify(res.data.shopCommodity)
-          )
-        })
-        .catch(() => {
-          this.loading = false
-        })
-    },
+    }
   },
 
   computed: {