feat: ✨ 商家端新增楼层数据保存到本地功能

manager/src/views/page-decoration/wap/navbar.vue

@@ -110,7 +110,6 @@ export default {
     },
   },
   mounted() {
-    console.log( this.getStore('managerMobilePageCache') )
     this.hasCache = this.getStore('managerMobilePageCache') ? true : false;
   },
   methods: {

seller/src/views/shop/renovation.vue

@@ -28,6 +28,8 @@
         >保存模板</Button
       >
       <Button class="ml_10" @click="resetTemplate">还原模板</Button>
+      <Button class="ml_10" @click="witeLocalStore">将装修内容写入到本地</Button>
+      <Button class="ml_10" v-if="hasCache" @click="clearCache">清空本地装修缓存</Button>
     </div>
   </div>
 </template>
@@ -42,16 +44,57 @@ export default {
     ModelForm,
   },
   mounted() {
+      // 先读缓存，如果缓存有值则读缓存。
+    const cache = this.getStore('managerPCPageCache')
+    this.hasCache = !!cache;
+      if(cache){
+        this.$Modal.confirm({
+        title: '提示',
+        content: '获取到本地有缓存数据，是否使用缓存数据？',
+        okText: '使用',
+        cancelText: '取消',
+        onOk: () => {
+          let pageData = cache;
+          if (pageData) {
+            pageData = JSON.parse(pageData);
+            if (pageData.list[0].type === "topAdvert") {
+              // topAdvert 为顶部广告 navList为导航栏
+              this.$refs.modelForm.topAdvert = pageData.list[0];
+              this.$refs.modelForm.navList = pageData.list[1];
+              pageData.list.splice(0, 2);
+              this.modelForm = pageData;
+            } else {
+              this.modelForm = { list: [] };
+            }
+          } else {
+            this.modelForm = { list: [] };
+          }
+        }
+      });
+    }
     this.getTemplateItem(this.$route.query.id);
   },
   data() {
     return {
+      hasCache:false,
       modelData, // 可选模块数据
       modelForm: { list: [] }, // 模板数据
       submitLoading: false, // 提交加载状态
     };
   },
   methods: {
+    clearCache(){
+      this.setStore('managerPCPageCache', '')
+      this.$Message.success('清除成功')
+    },
+      // 将楼层装修的内容写入到本地缓存中
+    witeLocalStore(){
+      const data ={...this.modelForm}
+      data.list.unshift(this.$refs.modelForm.navList);
+      data.list.unshift(this.$refs.modelForm.topAdvert);
+      this.setStore('managerPCPageCache', data)
+      this.$Message.success('写入成功')
+    },
     saveTemplate() {
       // 保存模板
       this.submitTemplate(this.$route.query.pageShow ? "OPEN" : "CLOSE");

seller/src/views/shop/wap/index.vue

@@ -116,6 +116,21 @@ export default {
 
     // 初始化数据
     init() {
+       // 先读缓存，如果缓存有值则读缓存。
+       const cache = this.getStore('sellerMobilePageCache')
+        if(cache){
+          this.$Modal.confirm({
+          title: '提示',
+          content: '获取到本地有缓存数据，是否使用缓存数据？',
+          okText: '使用',
+          cancelText: '取消',
+          onOk: () => {
+            const data = JSON.parse(cache);
+            this.contentData = data;
+          }
+        });
+
+        }
       if (!this.$route.query.id) return false;
       API_Other.getHomeData(this.$route.query.id).then(res=>{
         this.contentData = JSON.parse(res.result.pageData)

seller/src/views/shop/wap/navbar.vue

@@ -22,6 +22,7 @@
           <div ref="qrCodeUrl"></div>
         </div>
       </Poptip> -->
+      <Button size="default" type="default" v-if="hasCache" @click="clearCache">清空本地缓存</Button>
       <Button size="default" type="primary" @click="handleSpinShow">保存模板</Button>
 
       <Modal
@@ -42,6 +43,10 @@
               <span slot="close">关</span>
             </i-switch>
           </div>
+          <div class="model-item">
+            将当前装修内容写入到本地缓存中，下次进入页面时可继续使用
+            <Button type="small" @click="witeLocalStore">写入</Button>
+          </div>
 
           <Button type="primary" @click="save()">保存</Button>
         </div>
@@ -56,6 +61,7 @@ import * as API_Other from "@/api/other.js";
 export default {
   data() {
     return {
+      hasCache:false, // 是否有缓存
       progress: true, // 展示进度
       num: 20, // 提交进度
       saveDialog: false, // 加载状态
@@ -87,8 +93,19 @@ export default {
     };
   },
   watch: {},
-  mounted() {},
+  mounted() {
+    this.hasCache = this.getStore('sellerMobilePageCache') ? true : false;
+  },
   methods: {
+    clearCache(){
+      this.setStore('sellerMobilePageCache','');
+      this.$Message.success('清空成功')
+    },
+    // 将楼层装修的内容写入到本地缓存中
+    witeLocalStore(){
+      this.setStore('sellerMobilePageCache', this.$store.state.styleStore)
+      this.$Message.success('写入成功')
+    },
     clickBtn(val) {
       this.way.forEach((item, index) => {
         item.selected = false;