{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfig\\c_home_comb.vue?vue&type=style&index=0&id=d5f1f4ec&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfig\\c_home_comb.vue","mtime":1761614938958},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoudGl0bGUtdGlwcyB7DQogIHBhZGRpbmctYm90dG9tOiAxMHB4Ow0KICBmb250LXNpemU6IDE0cHg7DQogIGNvbG9yOiAjMzMzOw0KICBzcGFuIHsNCiAgICBtYXJnaW4tcmlnaHQ6IDE0cHg7DQogICAgY29sb3I6ICM5OTk7DQogIH0NCn0NCg=="},{"version":3,"sources":["c_home_comb.vue"],"names":[],"mappings":";AAgWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_home_comb.vue","sourceRoot":"src/components/mobileConfig","sourcesContent":["<template>\r\n  <div class=\"mobile-config\">\r\n    <div v-for=\"(item, key) in rCom\" :key=\"key\">\r\n      <component\r\n        :is=\"item.components.name\"\r\n        :configObj=\"configObj\"\r\n        ref=\"childData\"\r\n        :configNme=\"item.configNme\"\r\n        :key=\"key\"\r\n        :index=\"activeIndex\"\r\n        :num=\"item.num\"\r\n      ></component>\r\n    </div>\r\n    <rightBtn :activeIndex=\"activeIndex\" :configObj=\"configObj\"></rightBtn>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport toolCom from '@/components/mobileConfigRight/index.js';\r\nimport rightBtn from '@/components/rightBtn/index.vue';\r\nimport { mapState, mapMutations, mapActions } from 'vuex';\r\nexport default {\r\n  name: 'c_home_comb',\r\n  componentsName: 'home_comb',\r\n  components: {\r\n    ...toolCom,\r\n    rightBtn,\r\n  },\r\n  props: {\r\n    activeIndex: {\r\n      type: null,\r\n    },\r\n    num: {\r\n      type: null,\r\n    },\r\n    index: {\r\n      type: null,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      configObj: {},\r\n      rCom: [\r\n        {\r\n          components: toolCom.c_set_up,\r\n          configNme: 'setUp',\r\n        },\r\n      ],\r\n      oneContent: [\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titleLeft',\r\n        },\r\n        {\r\n          components: toolCom.c_radio,\r\n          configNme: 'styleConfig',\r\n        },\r\n        {\r\n          components: toolCom.c_radio,\r\n          configNme: 'classConfig',\r\n        },\r\n        {\r\n          components: toolCom.c_radio,\r\n          configNme: 'searchConfig',\r\n        },\r\n        {\r\n          components: toolCom.c_radio,\r\n          configNme: 'searchBox',\r\n        },\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titleSearch',\r\n        },\r\n      ],\r\n      fixContent: [\r\n        {\r\n          components: toolCom.c_radio,\r\n          configNme: 'searchFix',\r\n        },\r\n      ],\r\n      txtContent: [\r\n        {\r\n          components: toolCom.c_input_item,\r\n          configNme: 'titleConfig',\r\n        },\r\n      ],\r\n      logoContent: [\r\n        {\r\n          components: toolCom.c_upload_img,\r\n          configNme: 'logoConfig',\r\n        },\r\n      ],\r\n      logoUpContent: [\r\n        {\r\n          components: toolCom.c_upload_img,\r\n          configNme: 'logoConfig',\r\n        },\r\n        {\r\n          components: toolCom.c_upload_img,\r\n          configNme: 'logoUpConfig',\r\n        },\r\n      ],\r\n      twoContent: [\r\n        {\r\n          components: toolCom.c_input_item,\r\n          configNme: 'inputConfig',\r\n        },\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titleHotWords',\r\n        },\r\n        {\r\n          components: toolCom.c_hot_word,\r\n          configNme: 'hotWords',\r\n        },\r\n        {\r\n          components: toolCom.c_input_number,\r\n          configNme: 'numConfig',\r\n        },\r\n      ],\r\n      threeContent: [\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titleTab',\r\n        },\r\n        {\r\n          components: toolCom.c_tab_list,\r\n          configNme: 'tabListConfig',\r\n        },\r\n      ],\r\n      rComContent: [\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titleImg',\r\n        },\r\n        {\r\n          components: toolCom.c_menu_list,\r\n          configNme: 'swiperConfig',\r\n        },\r\n      ],\r\n      oneStyle: [\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titleRight',\r\n        },\r\n        {\r\n          components: toolCom.c_slider,\r\n          configNme: 'contentConfig',\r\n        },\r\n        {\r\n          components: toolCom.c_bg_color,\r\n          configNme: 'classColor',\r\n        },\r\n      ],\r\n      twoStyle: [\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titlePointer',\r\n        },\r\n        {\r\n          components: toolCom.c_radio,\r\n          configNme: 'docConfig',\r\n        },\r\n        {\r\n          components: toolCom.c_radio,\r\n          configNme: 'docPosition',\r\n        },\r\n        {\r\n          components: toolCom.c_radio,\r\n          configNme: 'toneConfig',\r\n        },\r\n      ],\r\n      threeStyle: [\r\n        {\r\n          components: toolCom.c_bg_color,\r\n          configNme: 'dotColor',\r\n        },\r\n        {\r\n          components: toolCom.c_bg_color,\r\n          configNme: 'dotBgColor',\r\n        },\r\n      ],\r\n      fourStyle: [\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titleImg',\r\n        },\r\n        {\r\n          components: toolCom.c_fillet,\r\n          configNme: 'filletImg',\r\n        },\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titleGradient',\r\n        },\r\n        {\r\n          components: toolCom.c_bg_color,\r\n          configNme: 'gradientColor',\r\n        },\r\n      ],\r\n      bgColor: [\r\n        {\r\n          components: toolCom.c_title,\r\n          configNme: 'titleGradient',\r\n        },\r\n        {\r\n          components: toolCom.c_bg_color,\r\n          configNme: 'gradientColor',\r\n        },\r\n      ],\r\n      setUp: 0,\r\n      type: 0,\r\n      type2: 0,\r\n      type3: 0,\r\n      type4: 0,\r\n    };\r\n  },\r\n  watch: {\r\n    num(nVal) {\r\n      const value = JSON.parse(JSON.stringify(this.$store.state.mobildConfig.defaultArray[nVal]));\r\n      this.configObj = value;\r\n    },\r\n    configObj: {\r\n      handler(nVal, oVal) {\r\n        this.$store.commit('mobildConfig/UPDATEARR', { num: this.num, val: nVal });\r\n      },\r\n      deep: true,\r\n    },\r\n    'configObj.setUp.tabVal': {\r\n      handler(nVal, oVal) {\r\n        this.setUp = nVal;\r\n        var arr = [this.rCom[0]];\r\n        if (nVal == 0) {\r\n          this.getRComContent(arr);\r\n        } else {\r\n          this.getRComStyle(arr);\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n    'configObj.classConfig.tabVal': {\r\n      handler(nVal, oVal) {\r\n        this.type = nVal;\r\n        var arr = [this.rCom[0]];\r\n        if (this.setUp == 0) {\r\n          this.getRComContent(arr);\r\n        } else {\r\n          this.getRComStyle(arr);\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n    'configObj.searchBox.tabVal': {\r\n      handler(nVal, oVal) {\r\n        this.type2 = nVal;\r\n        var arr = [this.rCom[0]];\r\n        if (this.setUp == 0) {\r\n          this.getRComContent(arr);\r\n        } else {\r\n          this.getRComStyle(arr);\r\n        }\r\n      },\r\n    },\r\n    'configObj.toneConfig.tabVal': {\r\n      handler(nVal, oVal) {\r\n        this.type3 = nVal;\r\n        var arr = [this.rCom[0]];\r\n        if (this.setUp == 0) {\r\n          this.getRComContent(arr);\r\n        } else {\r\n          this.getRComStyle(arr);\r\n        }\r\n      },\r\n    },\r\n    'configObj.searchConfig.tabVal': {\r\n      handler(nVal, oVal) {\r\n        this.type4 = nVal;\r\n        var arr = [this.rCom[0]];\r\n        if (this.setUp == 0) {\r\n          this.getRComContent(arr);\r\n        } else {\r\n          this.getRComStyle(arr);\r\n        }\r\n      },\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      const value = JSON.parse(JSON.stringify(this.$store.state.mobildConfig.defaultArray[this.num]));\r\n      this.configObj = value;\r\n    });\r\n  },\r\n  methods: {\r\n    getRComContent(arr) {\r\n      let logoConfig = this.logoUpContent;\r\n      if (this.type == 0) {\r\n        if (this.type2 == 0) {\r\n          this.rCom = [\r\n            ...arr,\r\n            ...this.oneContent,\r\n            ...this.txtContent,\r\n            ...this.twoContent,\r\n            ...this.threeContent,\r\n            ...this.rComContent,\r\n          ];\r\n        } else {\r\n          this.rCom = [\r\n            ...arr,\r\n            ...this.oneContent,\r\n            ...logoConfig,\r\n            ...this.twoContent,\r\n            ...this.threeContent,\r\n            ...this.rComContent,\r\n          ];\r\n        }\r\n      } else {\r\n        if (this.type2 == 0) {\r\n          this.rCom = [...arr, ...this.oneContent, ...this.txtContent, ...this.twoContent, ...this.rComContent];\r\n        } else {\r\n          this.rCom = [...arr, ...this.oneContent, ...logoConfig, ...this.twoContent, ...this.rComContent];\r\n        }\r\n      }\r\n    },\r\n    getRComStyle(arr) {\r\n      if (this.type == 0) {\r\n        if (this.type3 == 0) {\r\n          this.rCom = [...arr, ...this.oneStyle, ...this.twoStyle, ...this.fourStyle];\r\n        } else {\r\n          this.rCom = [...arr, ...this.oneStyle, ...this.twoStyle, ...this.threeStyle, ...this.fourStyle];\r\n        }\r\n      } else {\r\n        if (this.type3 == 0) {\r\n          this.rCom = [...arr, ...this.twoStyle, ...this.fourStyle];\r\n        } else {\r\n          this.rCom = [...arr, ...this.twoStyle, ...this.threeStyle, ...this.fourStyle];\r\n        }\r\n      }\r\n    },\r\n    handleSubmit(name) {\r\n      const obj = {};\r\n      obj.activeIndex = this.activeIndex;\r\n      obj.data = this.configObj;\r\n      this.add(obj);\r\n    },\r\n    ...mapMutations({\r\n      add: 'mobildConfig/UPDATEARR',\r\n    }),\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.title-tips {\r\n  padding-bottom: 10px;\r\n  font-size: 14px;\r\n  color: #333;\r\n  span {\r\n    margin-right: 14px;\r\n    color: #999;\r\n  }\r\n}\r\n</style>\r\n"]}]}