添加：添加典藏室相关内容

src/router/index.js

@@ -10368,7 +10368,16 @@ const routes = [
       foot: true
     }
   },
-
+  // 典藏室
+  {
+    path: "/member/collection_room",
+    name: "collection_room",
+    component:()=>import("../views/member/collection_room/index"),
+    meta: {
+      title: "典藏室",
+      foot: true
+    }
+  },
 
 
 ]

src/views/member/collection_room/index.vue

@@ -0,0 +1,159 @@
+<template>
+  <div id="collectionRoomIndex">
+    <!--标题-->
+    <c-title :hide="false" text="典藏室" tolink="detailed"></c-title>
+    <!--具体内容-->
+    <div class="mainContent">
+      <!--顶部图片-->
+      <div class="top-image">
+        <img class="top-image-content" :src="set.top_thumb" />
+      </div>
+      <!--收藏品列表-->
+      <div class="draw-list" v-if="set.collection_room_id > 0">
+        <div class="draw-box imitation">
+          <div class="status">
+            <img class="status-img" src="../../../assets/up-down.png" />交付中
+          </div>
+          <img class="draw-box-img" :src="set.imitation" />
+          <div class="text-content">
+            <div class="title">{{ set.title || '熊猫字画' }}</div>
+            <div class="number" v-if="set.unique_number > 0">编号:{{ set.unique_number }}</div>
+          </div>
+        </div>
+        <div class="draw-box collection">
+          <div class="status">
+            <img class="status-img" src="../../../assets/up-down.png" />交付中
+          </div>
+          <img class="draw-box-img" :src="set.collection" />
+          <div class="text-content">
+            <div class="title">{{ set.title || '熊猫字画' }}</div>
+            <div class="number" v-if="set.unique_number > 0">编号:{{ set.unique_number }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      set:{}
+    };
+  },
+  activated() {
+    this.getSet();
+  },
+  methods: {
+    // 数据获取
+    getSet() {
+      let _this = this;
+      $http.get("plugin.collection-room.api.index.index", {}, "加载中...").then(
+        (response) => {
+          if (response.result == 1) _this.set = response.data;
+          else _this.$dialog.alert({ message: response.msg });
+        },
+        function(response) {
+          _this.$dialog.alert({ message: response.msg });
+        }
+      );
+    },
+
+
+
+  }
+};
+</script>
+<style lang="scss" scoped>
+#collectionRoomIndex {
+  width: 100vw;
+  .mainContent {
+    width: 100vw;
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    align-items: center;
+    .top-image{
+      width: 100vw!important;
+      display: inline-flex;
+      .top-image-content{
+        width: 100% !important;
+      }
+    }
+    .draw-list{
+      width: 100vw!important;
+      padding: 20px;
+      position: relative;
+      top: -20px;
+      background: #FFFFFF;
+      border-top-left-radius: 20px;
+      border-top-right-radius: 20px;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      justify-content: space-between;
+
+      .draw-box{
+        --draw-box-size-: calc((100vw - 55px) / 2);
+        width: var(--draw-box-size-);
+        margin-bottom: 15px;
+        background: #FFFFFF;
+        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.13);
+        border-radius: 10px;
+        overflow: hidden;
+        position: relative;
+        .status{
+          background: linear-gradient(95deg, #f8f8f8, #c9c4bf);
+          border-radius: 50px;
+          height: 23px;
+          text-align: right;
+          position: absolute;
+          top: 10px;
+          left: 10px;
+          width: 70px;
+          font-size: 14px;
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: center;
+          .status-img{
+            width: 14px!important;
+            //height: 15px!important;
+            margin: 0 3px 0 0!important;
+          }
+        }
+        .draw-box-img{
+          width: var(--draw-box-size-);
+          height: var(--draw-box-size-);
+        }
+        .text-content{
+          padding: 10px 5px;
+          text-align: left;
+          .title{
+            font-size: 15px;
+            font-weight: bold;
+            letter-spacing: 1px;
+            height: 30px;
+            line-height: 30px;
+            width: 100%;
+          }
+          .number{
+            background: url('../../../assets/number-icon.png') no-repeat;
+            background-size: 115px auto;
+            height: 30px;
+            line-height: 30px;
+            width: 100%;
+            margin-top: 10px;
+            margin-bottom: 10px;
+            font-size: 13px;
+            padding-left: 35px;
+          }
+        }
+      }
+    }
+  }
+
+
+}
+</style>

vue.config.js

@@ -112,7 +112,7 @@ module.exports = {
     },
     proxy: {
       "/addons/yun_shop/api.php": {
-        target: "https://bztang.cdlfjy.com/", //目标接口域名
+        target: "https://testbzt.cdlfjy.com/", //目标接口域名bztang.cdlfjy.com  testbzt.cdlfjy.com
         changeOrigin: true, //是否跨域
         secure: false
         // pathRewrite: {