{"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\search_box.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\search_box.vue","mtime":1677828270167},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3NlYXJjaF9ib3gnLAogIGNuYW1lOiAn5pCc57Si5qGGJywKICBpY29uOiAnaWNvbnNvdXN1a3VhbmcxJywKICBjb25maWdOYW1lOiAnY19zZWFyY2hfYm94JywKICB0eXBlOiAwLAogIC8vIDAg5Z+656GA57uE5Lu2IDEg6JCl6ZSA57uE5Lu2IDLlt6Xlhbfnu4Tku7YKICBkZWZhdWx0TmFtZTogJ2hlYWRlclNlcmNoJywKICAvLyDlpJbpnaLljLnphY3lkI3np7AKICBwcm9wczogewogICAgaW5kZXg6IHsKICAgICAgdHlwZTogbnVsbAogICAgfSwKICAgIG51bTogewogICAgICB0eXBlOiBudWxsCiAgICB9CiAgfSwKICBjb21wdXRlZDogX29iamVjdFNwcmVhZCh7fSwgbWFwU3RhdGUoJ21vYmlsZENvbmZpZycsIFsnZGVmYXVsdEFycmF5J10pKSwKICB3YXRjaDogewogICAgcGFnZURhdGE6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgdGhpcy5zZXRDb25maWcoblZhbCk7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgICBudW06IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgdmFyIGRhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W25WYWxdOwogICAgICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9LAogICAgZGVmYXVsdEFycmF5OiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHZhciBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVt0aGlzLm51bV07CiAgICAgICAgdGhpcy5zZXRDb25maWcoZGF0YSk7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICAvLyDpu5jorqTliJ3lp4vljJbmlbDmja7npoHmraLkv67mlLkKICAgICAgZGVmYXVsdENvbmZpZzogewogICAgICAgIG5hbWU6ICdoZWFkZXJTZXJjaCcsCiAgICAgICAgdGltZXN0YW1wOiB0aGlzLm51bSwKICAgICAgICBzZXRVcDogewogICAgICAgICAgdGFiVmFsOiAwCiAgICAgICAgfSwKICAgICAgICAvLyB0YWJDb25maWc6IHsKICAgICAgICAvLyAgICAgdGFiVmFsOiAwLAogICAgICAgIC8vICAgICB0eXBlOiAxLAogICAgICAgIC8vICAgICB0YWJMaXN0OiBbCiAgICAgICAgLy8gICAgICAgICB7CiAgICAgICAgLy8gICAgICAgICAgICAgbmFtZTogJ+agt+W8jzEnLAogICAgICAgIC8vICAgICAgICAgICAgIGljb246J2ljb25zZWFyY2hfMScKICAgICAgICAvLyAgICAgICAgIH0sCiAgICAgICAgLy8gICAgICAgICB7CiAgICAgICAgLy8gICAgICAgICAgICAgbmFtZTogJ+agt+W8jzInLAogICAgICAgIC8vICAgICAgICAgICAgIGljb246J2ljb25zZWFyY2hfMicKICAgICAgICAvLyAgICAgICAgIH0KICAgICAgICAvLyAgICAgXQogICAgICAgIC8vIH0sCiAgICAgICAgYmdDb2xvcjogewogICAgICAgICAgdGl0bGU6ICfog4zmma/popzoibIo5riQ5Y+YKScsCiAgICAgICAgICBuYW1lOiAnYmdDb2xvcicsCiAgICAgICAgICBkZWZhdWx0OiBbewogICAgICAgICAgICBpdGVtOiAnI0Y2MkMyQycKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgaXRlbTogJyNGOTZFMjknCiAgICAgICAgICB9XSwKICAgICAgICAgIGNvbG9yOiBbewogICAgICAgICAgICBpdGVtOiAnI0Y2MkMyQycKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgaXRlbTogJyNGOTZFMjknCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgYm94U3R5bGU6IHsKICAgICAgICAgIHRpdGxlOiAn6L655qGG5qC35byPJywKICAgICAgICAgIG5hbWU6ICdib3hTdHlsZScsCiAgICAgICAgICB0eXBlOiAwLAogICAgICAgICAgbGlzdDogW3sKICAgICAgICAgICAgdmFsOiAn5ZyG6KeSJywKICAgICAgICAgICAgaWNvbjogJ2ljb25QaWNfZmlsbGV0JwogICAgICAgICAgfSwgewogICAgICAgICAgICB2YWw6ICfnm7Top5InLAogICAgICAgICAgICBpY29uOiAnaWNvblBpY19zcXVhcmUnCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgdHh0U3R5bGU6IHsKICAgICAgICAgIHRpdGxlOiAn5paH5pys5L2N572uJywKICAgICAgICAgIG5hbWU6ICd0eHRTdHlsZScsCiAgICAgICAgICB0eXBlOiAwLAogICAgICAgICAgbGlzdDogW3sKICAgICAgICAgICAgdmFsOiAn5bGF5bemJywKICAgICAgICAgICAgaWNvbjogJ2ljb25kb2NfbGVmdCcKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdmFsOiAn5bGF5LitJywKICAgICAgICAgICAgaWNvbjogJ2ljb25kb2NfY2VudGVyJwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIHByQ29uZmlnOiB7CiAgICAgICAgICB0aXRsZTogJ+iDjOaZr+i+uei3nScsCiAgICAgICAgICB2YWw6IDEwLAogICAgICAgICAgbWluOiAwCiAgICAgICAgfSwKICAgICAgICAvLyDpobXpnaLpl7Tot50KICAgICAgICBtYkNvbmZpZzogewogICAgICAgICAgdGl0bGU6ICfpobXpnaLpl7Tot50nLAogICAgICAgICAgdmFsOiAwLAogICAgICAgICAgbWluOiAwCiAgICAgICAgfSwKICAgICAgICBob3RXb3JkczogewogICAgICAgICAgbGlzdDogW3sKICAgICAgICAgICAgdmFsOiAnJwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIGxvZ29Db25maWc6IHsKICAgICAgICAgIHR5cGU6IDEsCiAgICAgICAgICBoZWFkZXI6ICforr7nva5sb2dvJywKICAgICAgICAgIHRpdGxlOiAnJywKICAgICAgICAgIHVybDogJycKICAgICAgICB9CiAgICAgIH0sCiAgICAgIC8vIHRhYlZhbDogJycsCiAgICAgIGJnQ29sb3I6IFtdLAogICAgICByb2xsU3R5bGU6ICcnLAogICAgICB0eHRQb3NpdGlvbjogJycsCiAgICAgIHNsaWRlcjogJycsCiAgICAgIHBhZ2VEYXRhOiB7fSwKICAgICAgcHJDb25maWc6IDAsCiAgICAgIGxvZ29Vcmw6ICcnCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgdGhpcy4kbmV4dFRpY2soZnVuY3Rpb24gKCkgewogICAgICBfdGhpcy5wYWdlRGF0YSA9IF90aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W190aGlzLm51bV07CgogICAgICBfdGhpcy5zZXRDb25maWcoX3RoaXMucGFnZURhdGEpOwogICAgfSk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBzZXRDb25maWc6IGZ1bmN0aW9uIHNldENvbmZpZyhkYXRhKSB7CiAgICAgIGlmICghZGF0YSkgcmV0dXJuOwoKICAgICAgaWYgKGRhdGEubWJDb25maWcpIHsKICAgICAgICB0aGlzLmJnQ29sb3IgPSBkYXRhLmJnQ29sb3IuY29sb3I7CiAgICAgICAgdGhpcy5yb2xsU3R5bGUgPSBkYXRhLmJveFN0eWxlLnR5cGU7CiAgICAgICAgdGhpcy50eHRQb3NpdGlvbiA9IGRhdGEudHh0U3R5bGUudHlwZTsKICAgICAgICB0aGlzLnNsaWRlciA9IGRhdGEubWJDb25maWcudmFsOwogICAgICAgIHRoaXMubG9nb1VybCA9IGRhdGEubG9nb0NvbmZpZy51cmw7CiAgICAgICAgdGhpcy5wckNvbmZpZyA9IGRhdGEucHJDb25maWcudmFsOwogICAgICB9CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;AAgBA;AACA;EACAA,kBADA;EAEAC,YAFA;EAGAC,uBAHA;EAIAC,0BAJA;EAKAC,OALA;EAKA;EACAC,0BANA;EAMA;EACAC;IACAC;MACAH;IADA,CADA;IAIAI;MACAJ;IADA;EAJA,CAPA;EAeAK,4BACAC,0CADA,CAfA;EAkBAC;IACAC;MACAC,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;MACA,CAHA;MAIAC;IAJA,CADA;IAOAR;MACAK,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;MACA,CAJA;MAKAC;IALA,CAPA;IAcAC;MACAJ,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;QACA;MACA,CAJA;MAKAC;IALA;EAdA,CAlBA;EAwCAE,IAxCA,kBAwCA;IACA;MACA;MACAC;QACAnB,mBADA;QAEAoB,mBAFA;QAGAC;UACAC;QADA,CAHA;QAMA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACAC;UACAC,iBADA;UAEAxB,eAFA;UAGAyB,UACA;YACAC;UADA,CADA,EAIA;YACAA;UADA,CAJA,CAHA;UAWAC,QACA;YACAD;UADA,CADA,EAIA;YACAA;UADA,CAJA;QAXA,CApBA;QAwCAE;UACAJ,aADA;UAEAxB,gBAFA;UAGAI,OAHA;UAIAyB,OACA;YACAC,SADA;YAEA5B;UAFA,CADA,EAKA;YACA4B,SADA;YAEA5B;UAFA,CALA;QAJA,CAxCA;QAuDA6B;UACAP,aADA;UAEAxB,gBAFA;UAGAI,OAHA;UAIAyB,OACA;YACAC,SADA;YAEA5B;UAFA,CADA,EAKA;YACA4B,SADA;YAEA5B;UAFA,CALA;QAJA,CAvDA;QAsEA8B;UACAR,aADA;UAEAM,OAFA;UAGAG;QAHA,CAtEA;QA2EA;QACAC;UACAV,aADA;UAEAM,MAFA;UAGAG;QAHA,CA5EA;QAiFAE;UACAN,OACA;YACAC;UADA,CADA;QADA,CAjFA;QAwFAM;UACAhC,OADA;UAEAiC,gBAFA;UAGAb,SAHA;UAIAc;QAJA;MAxFA,CAFA;MAiGA;MACAf,WAlGA;MAmGAgB,aAnGA;MAoGAC,eApGA;MAqGAC,UArGA;MAsGA7B,YAtGA;MAuGAoB,WAvGA;MAwGAU;IAxGA;EA0GA,CAnJA;EAoJAC,OApJA,qBAoJA;IAAA;;IACA;MACA;;MACA;IACA,CAHA;EAIA,CAzJA;EA0JAC;IACAC,SADA,qBACA3B,IADA,EACA;MACA;;MACA;QACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;EAXA;AA1JA","names":["name","cname","icon","configName","type","defaultName","props","index","num","computed","mapState","watch","pageData","handler","nVal","oVal","deep","defaultArray","data","defaultConfig","timestamp","setUp","tabVal","bgColor","title","default","item","color","boxStyle","list","val","txtStyle","prConfig","min","mbConfig","hotWords","logoConfig","header","url","rollStyle","txtPosition","slider","logoUrl","mounted","methods","setConfig"],"sourceRoot":"src/components/mobilePageDiy","sources":["search_box.vue"],"sourcesContent":["<template>\r\n  <div\r\n    class=\"search-box\"\r\n    :style=\"{\r\n      background: `linear-gradient(90deg,${bgColor[0].item} 0%,${bgColor[1].item} 100%)`,\r\n      marginTop: `${slider}px`,\r\n      paddingLeft: `${prConfig}px`,\r\n    }\"\r\n    v-if=\"bgColor.length > 0\"\r\n  >\r\n    <img :src=\"logoUrl\" alt=\"\" v-if=\"logoUrl\" />\r\n    <div class=\"box\" :class=\"{ on: rollStyle, center: txtPosition }\">搜索商品</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n  name: 'search_box',\r\n  cname: '搜索框',\r\n  icon: 'iconsousukuang1',\r\n  configName: 'c_search_box',\r\n  type: 0, // 0 基础组件 1 营销组件 2工具组件\r\n  defaultName: 'headerSerch', // 外面匹配名称\r\n  props: {\r\n    index: {\r\n      type: null,\r\n    },\r\n    num: {\r\n      type: null,\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState('mobildConfig', ['defaultArray']),\r\n  },\r\n  watch: {\r\n    pageData: {\r\n      handler(nVal, oVal) {\r\n        this.setConfig(nVal);\r\n      },\r\n      deep: true,\r\n    },\r\n    num: {\r\n      handler(nVal, oVal) {\r\n        let data = this.$store.state.mobildConfig.defaultArray[nVal];\r\n        this.setConfig(data);\r\n      },\r\n      deep: true,\r\n    },\r\n    defaultArray: {\r\n      handler(nVal, oVal) {\r\n        let data = this.$store.state.mobildConfig.defaultArray[this.num];\r\n        this.setConfig(data);\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      // 默认初始化数据禁止修改\r\n      defaultConfig: {\r\n        name: 'headerSerch',\r\n        timestamp: this.num,\r\n        setUp: {\r\n          tabVal: 0,\r\n        },\r\n        // tabConfig: {\r\n        //     tabVal: 0,\r\n        //     type: 1,\r\n        //     tabList: [\r\n        //         {\r\n        //             name: '样式1',\r\n        //             icon:'iconsearch_1'\r\n        //         },\r\n        //         {\r\n        //             name: '样式2',\r\n        //             icon:'iconsearch_2'\r\n        //         }\r\n        //     ]\r\n        // },\r\n        bgColor: {\r\n          title: '背景颜色(渐变)',\r\n          name: 'bgColor',\r\n          default: [\r\n            {\r\n              item: '#F62C2C',\r\n            },\r\n            {\r\n              item: '#F96E29',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#F62C2C',\r\n            },\r\n            {\r\n              item: '#F96E29',\r\n            },\r\n          ],\r\n        },\r\n        boxStyle: {\r\n          title: '边框样式',\r\n          name: 'boxStyle',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '圆角',\r\n              icon: 'iconPic_fillet',\r\n            },\r\n            {\r\n              val: '直角',\r\n              icon: 'iconPic_square',\r\n            },\r\n          ],\r\n        },\r\n        txtStyle: {\r\n          title: '文本位置',\r\n          name: 'txtStyle',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '居左',\r\n              icon: 'icondoc_left',\r\n            },\r\n            {\r\n              val: '居中',\r\n              icon: 'icondoc_center',\r\n            },\r\n          ],\r\n        },\r\n        prConfig: {\r\n          title: '背景边距',\r\n          val: 10,\r\n          min: 0,\r\n        },\r\n        // 页面间距\r\n        mbConfig: {\r\n          title: '页面间距',\r\n          val: 0,\r\n          min: 0,\r\n        },\r\n        hotWords: {\r\n          list: [\r\n            {\r\n              val: '',\r\n            },\r\n          ],\r\n        },\r\n        logoConfig: {\r\n          type: 1,\r\n          header: '设置logo',\r\n          title: '',\r\n          url: '',\r\n        },\r\n      },\r\n      // tabVal: '',\r\n      bgColor: [],\r\n      rollStyle: '',\r\n      txtPosition: '',\r\n      slider: '',\r\n      pageData: {},\r\n      prConfig: 0,\r\n      logoUrl: '',\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.pageData = this.$store.state.mobildConfig.defaultArray[this.num];\r\n      this.setConfig(this.pageData);\r\n    });\r\n  },\r\n  methods: {\r\n    setConfig(data) {\r\n      if (!data) return;\r\n      if (data.mbConfig) {\r\n        this.bgColor = data.bgColor.color;\r\n        this.rollStyle = data.boxStyle.type;\r\n        this.txtPosition = data.txtStyle.type;\r\n        this.slider = data.mbConfig.val;\r\n        this.logoUrl = data.logoConfig.url;\r\n        this.prConfig = data.prConfig.val;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.search-box\r\n    display flex\r\n    align-items center\r\n    width 100%\r\n    height 48px\r\n    padding 10px 10px 10px 0\r\n    cursor pointer;\r\n    img\r\n        width 76px\r\n        height 30px\r\n        margin-right 10px\r\n    .box\r\n        flex 1\r\n        height 30px\r\n        line-height 30px\r\n        color #999\r\n        font-size 12px\r\n        padding-left 10px\r\n        background #fff\r\n        border-radius:15px;\r\n        &.on\r\n            border-radius 0\r\n        &.center\r\n            text-align center\r\n            padding-left 0\r\n</style>\r\n"]}]}