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

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;