feat: ✨ 新增管理端楼层装修保存到本地功能

manager/src/components/lili-dialog/template/marketing.vue

@@ -112,6 +112,7 @@ export default {
                 {
                   props: {
                     // type: this.index == params.index ? "primary" : "",
+                    type: 'default',
                     size: "small",
                   },
                   on: {
@@ -204,6 +205,7 @@ export default {
                 {
                   props: {
                     // type: this.index == params.index ? "primary" : "",
+                    type: 'default',
                     size: "small",
                   },
                   on: {
@@ -255,6 +257,7 @@ export default {
                 {
                   props: {
                     // type: this.index == params.index ? "primary" : "",
+                    type: 'default',
                     size: "small",
                   },
                   on: {

manager/src/views/goods/goods-info/goodsApply.vue

@@ -208,6 +208,7 @@ export default {
                 "Button",
                 {
                   props: {
+                    type: 'default',
                     size: "small",
                   },
                   on: {

manager/src/views/goods/goods-manage/brand.vue

@@ -213,6 +213,7 @@ export default {
                 "Button",
                 {
                   props: {
+                    type: 'default',
                     size: "small",
                   },
                   style: {

manager/src/views/page-decoration/renovation.vue

@@ -18,6 +18,9 @@
     <div class="btn-bar">
       <Button type="primary" :loading="submitLoading" @click="saveTemplate">保存模板</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>
@@ -32,16 +35,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')

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

@@ -113,12 +113,29 @@ export default {
   methods: {
     // 初始化数据
     init() {
+      // 先读缓存，如果缓存有值则读缓存。
+      const cache = this.getStore('managerMobilePageCache')
+        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);
 
         this.handleComponent(this.contentData.list[0], 0);
       });
+
     },
 
     // 中间组件拖动，右侧数据绑定不变

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

@@ -20,6 +20,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
@@ -41,6 +42,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 @@ export default {
   props: ["pagetype"],
   data() {
     return {
+      hasCache:false, // 是否有缓存
       progress: true, // 展示进度
       num: 20, // 提交进度
       saveDialog: false, // 加载状态
@@ -103,8 +109,21 @@ export default {
       immediate: true,
     },
   },
-  mounted() {},
+  mounted() {
+    console.log( this.getStore('managerMobilePageCache') )
+    this.hasCache = this.getStore('managerMobilePageCache') ? true : false;
+  },
   methods: {
+    clearCache(){
+      this.setStore('managerMobilePageCache','');
+      this.$Message.success('清空成功')
+    },
+    // 将楼层装修的内容写入到本地缓存中
+    witeLocalStore(){
+      this.setStore('managerMobilePageCache', this.$store.state.styleStore)
+      this.$Message.success('写入成功')
+    },
+
     clickBtn(val) {
       this.way.forEach((item, index) => {
         item.selected = false;

manager/src/views/sys/user-manage/userManage.vue

@@ -267,6 +267,7 @@ export default {
                 "Button",
                 {
                   props: {
+                    type: 'default',
                     size: "small"
                   },
                   style: {