{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\devisePage\\index.vue?vue&type=style&index=0&id=2df825ca&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\devisePage\\index.vue","mtime":1761185180176},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouY29udGVudCB7DQp9DQouZmxleC13cmFwcGVyIHsNCiAgZGlzcGxheTogZmxleDsNCn0NCi5pZnJhbWUtYm94IHsNCiAgbWluLXdpZHRoOiAzNzVweDsNCiAgaGVpZ2h0OiA3MDBweDsNCiAgLyogYm9yZGVyOiAxcHggc29saWQgI2RkZDsgKi8NCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBib3gtc2hhZG93OiAwIDAgN3B4ICNjY2NjY2M7DQp9DQoucmlnaHQtYm94IHsNCiAgd2lkdGg6IDUwMHB4Ow0KICBtYXJnaW4tbGVmdDogNTBweDsNCiAgYm9yZGVyOiAxcHggc29saWQgI2RkZDsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAudGl0bGUtYmFyIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDM4cHg7DQogICAgbGluZS1oZWlnaHQ6IDM4cHg7DQogICAgcGFkZGluZy1sZWZ0OiAyNHB4Ow0KICAgIGNvbG9yOiAjMzMzOw0KICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VlZTsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA2FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/setting/devisePage","sourcesContent":["<template>\r\n  <div>\r\n    <pages-header ref=\"pageHeader\" title=\"页面设计\" :backUrl=\"$routeProStr + '/setting/pages/devise/0'\"></pages-header>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt mt15\">\r\n      <div class=\"flex-wrapper\">\r\n        <!-- :src=\"iframeUrl\" -->\r\n        <iframe class=\"iframe-box\" :src=\"iframeUrl\" frameborder=\"0\" ref=\"iframe\"></iframe>\r\n        <div>\r\n          <div class=\"content\">\r\n            <rightConfig :name=\"configName\" :pageId=\"pageId\" :configNum=\"configNum\"></rightConfig>\r\n          </div>\r\n        </div>\r\n        <!-- <links v-if=\"show\"></links> -->\r\n      </div>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { diyGetInfo, diySave } from '@/api/diy';\r\nimport { mapMutations } from 'vuex';\r\nimport rightConfig from '@/components/rightConfig/index';\r\nimport links from './links';\r\nimport { getCookies, setCookies } from '@/libs/util';\r\nexport default {\r\n  name: 'index',\r\n  components: {\r\n    rightConfig,\r\n    links,\r\n  },\r\n  data() {\r\n    return {\r\n      configName: {},\r\n      configNum: 'default',\r\n      iframeUrl: '',\r\n      setConfig: '',\r\n      updataConfig: '',\r\n      pageId: 0,\r\n    };\r\n  },\r\n  created() {\r\n    this.show = true;\r\n    let pageId = this.$route.query.id;\r\n    let defaultData = this.$store.state.moren.defaultConfig;\r\n    this.pageId = parseInt(pageId);\r\n    let moveLink = getCookies('moveLink');\r\n    if (Number(this.$route.query.type) === 1) {\r\n      this.iframeUrl = `${moveLink}/pages/index/index?mdType=iframeWindow`;\r\n    } else {\r\n      this.iframeUrl = `${location.origin}/pages/index/index?mdType=iframeWindow`;\r\n    }\r\n    diyGetInfo(parseInt(pageId)).then((datas) => {\r\n      let data = datas.data.info.value;\r\n      if (data) {\r\n        this.upData(data);\r\n      } else {\r\n        diySave(parseInt(pageId), {\r\n          value: defaultData,\r\n        }).then((res) => {});\r\n      }\r\n    });\r\n  },\r\n  mounted() {\r\n    //监听子页面给当前页面传值\r\n    window.addEventListener('message', this.handleMessage, false);\r\n  },\r\n  methods: {\r\n    //接收iframe值\r\n    handleMessage(event) {\r\n      if (event.data.name) {\r\n        let obj = { name: event.data.name, num: event.data.dataName };\r\n        this.configName = obj;\r\n        this.configNum = event.data.dataName;\r\n        this.add(event.data.name);\r\n      }\r\n    },\r\n    add(data) {\r\n      this.$store.commit('moren/setConfig', data);\r\n    },\r\n    upData(data) {\r\n      this.$store.commit('moren/updataConfig', data);\r\n    },\r\n    // ...mapMutations({\r\n    //     add: 'diy/setConfig',\r\n    //     upData:'diy/updataConfig'\r\n    // })\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.content {\r\n}\r\n.flex-wrapper {\r\n  display: flex;\r\n}\r\n.iframe-box {\r\n  min-width: 375px;\r\n  height: 700px;\r\n  /* border: 1px solid #ddd; */\r\n  border-radius: 4px;\r\n  box-shadow: 0 0 7px #cccccc;\r\n}\r\n.right-box {\r\n  width: 500px;\r\n  margin-left: 50px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  .title-bar {\r\n    width: 100%;\r\n    height: 38px;\r\n    line-height: 38px;\r\n    padding-left: 24px;\r\n    color: #333;\r\n    border-radius: 4px;\r\n    border-bottom: 1px solid #eee;\r\n  }\r\n}\r\n</style>\r\n"]}]}